Question

So long story short, for ages, ive been using some CSS reset on my projects.

i was trying to make a regular sitemap page(you know with links in an unordered list) and when i do this (code below)

<div id="smap">
    <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="about-us.php">About Us</a></li>
                <li>
                    <a href="products.php">Products</a>
                        <ul>
                            <li><a href="products.php">Cantaloupes</a></li>
                            <li><a href="products.php">Watermelons</a></li>
                            <li><a href="products.php">HoneyDews</a></li>
                        </ul>
                </li>
                <li><a href="sales-team.php">Sales Team</a></li>
                <li><a href="contact-us.php">Contact / Directions</a></li>
                <li><a href="growers.phpp">Growers</a></li>
                <li><a href="packers.php">Packers</a></li>
                <li><a href="shippers.php">Shippers</a></li>
                <li><a href="importers.php">Importers</a></li>
                <li><a href="distributors.php">Distributors</a></li>
            </ul>
</div>

The list comes out but the products sub-items are not indented.
In the CSS reset, the line that’s doing this is

vertical-align: baseline;

When i removed it,although it restored the indentation on my sitemap list, it messed up my menus throughout the site.

i want to target that lists specifically so, choosing that lists parent div which is “smap“
What im wondering is, by default, what is a lists vertical alignment value??

like for example, if i do this

#smap ul, li {vertical-alignment: SOMETHING; }

what is the default value for a list to be indented?

Thanks in advanced.

Answer 1

If you want to revert to the default value for any property after a reset, then you should use the value initial – you might want to read this article for more on it.

However, the ul indentation is given by the padding-left of the ul – see http://dabblet.com/gist/3144582. I think vertical-align shouldn’t influence that.