Q:

Restore CSS of unordered list after being reset to zero

My default CSS resets a bunch of values to zero, most applicable to this question, it does ol, ul, li {margin: 0;padding: 0;}
I now have a need for a typical unordered list with bullets and text that wraps and keeps the same indention on the wrapped text.  I found a bunch of posts related to the subject (How to keep indent for second line in ordered lists via CSS?, li ul li is too long, line wraps but no indention), but later found that the cause of my issues was resetting the padding and margins to zero!
How do I restore the CSS of an unordered list after it was reset to zero so that the text after each bullet lines up in a column?  Below is my attempt, but it only works with FireFox.
http://jsfiddle.net/48By2/
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Testing</title>  
        <style type="text/css">
            ol, ul, li {margin: 0;padding: 0;} /* Default reset */

            ul {
                width:300px;
                margin: 1em 0;
                -moz-padding-start: 40px;
            }
        </style> 
    </head>

    <body>
        <ul>
            <li>
                omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
            </li>
            <li>
                et consequuntur error totam quia ipsa odit aspernatur accusantium vitae ipsam ipsam, enim voluptatem eaque ratione vitae ipsam qui odit ratione enim ipsa ipsa natus quae laudantium quae rem 
            </li>
            <li>
                nemo ab ratione sunt sit rem magni sit fugit unde unde, inventore magni magni ab qui eos ab natus sunt nemo ab fugit
            </li>
            <li>
                omnis error rem enim ipsam ipsam, perspiciatis qui eos inventore laudantium vitae quasi voluptas eaque aut error vitae voluptatem consequuntur aspernatur consequuntur inventore fugit qui ipsa ipsa, quia 
            </li>
            <li>
                ipsa ipsam ipsam illo explicabo sit vitae vitae, qui doloremque quae aspernatur aperiam beatae ratione ut aperiam sed dicta qui ipsam ipsa voluptatem voluptatem, error ratione aut rem ipsa 
            </li>
            <li>
                omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
            </li>
            <li>
                et consequuntur error totam quia ipsa odit aspernatur accusantium vitae ipsam ipsam, enim voluptatem eaque ratione vitae ipsam qui odit ratione enim ipsa ipsa natus quae laudantium quae rem 
            </li>
            <li>
                omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
            </li>
            <li>
                et consequuntur error totam quia ipsa odit aspernatur accusantium vitae ipsam ipsam, enim voluptatem eaque ratione vitae ipsam qui odit ratione enim ipsa ipsa natus quae laudantium quae rem 
            </li>
            <li>
                omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
            </li>
            <li>
                et consequuntur error totam quia ipsa odit aspernatur accusantium vitae ipsam ipsam, enim voluptatem eaque ratione vitae ipsam qui odit ratione enim ipsa ipsa natus quae laudantium quae rem 
            </li>
            <li>
                omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
            </li>
            <li>
                et consequuntur error totam quia ipsa odit aspernatur accusantium vitae ipsam ipsam, enim voluptatem eaque ratione vitae ipsam qui odit ratione enim ipsa ipsa natus quae laudantium quae rem 
            </li>
            <li>
                omnis ab quasi voluptatem voluptatem consequuntur sed fugit beatae veritatis sed quae dolores iste quasi ipsam ipsam, perspiciatis sed inventore eaque totam inventore sed ut sit dolores perspiciatis inventore ipsa totam ipsam ipsam, 
            </li>
            <li>
                et consequuntur error totam quia ipsa odit aspernatur accusantium vitae ipsam ipsam, enim voluptatem eaque ratione vitae ipsam qui odit ratione enim ipsa ipsa natus quae laudantium quae rem 
            </li>
        </ul>
    </body> 
</html>

A:

Your code works only in firefox as you only use the -moz- prefix for padding-start.
Adding the -webkit- prefix -webkit-padding-start: 40px; for example makes you fiddle work fine in Chrome too.
Adding the following will cover a few more:
ul {
    width:300px;
    margin: 1em 0;
    -moz-padding-start: 40px;
    -webkit-padding-start: 40px;
    -ms-padding-start: 40px; /* IE does not supported it so -ms- prefix is redundant */
    padding-start: 40px;
}

DEMO - adding other browser's prefixes

You can off course also use padding-left: 40px if you feel more comfortable using already standardised CSS.

DEMO - Using already standardised CSS: padding-left: 40px

padding-start is part of the mozilla extensions, hence the -moz- prefix.
According to their documentation padding-start is only supported in Firefox and webkit based browsers, such as Safari and Chrome.
Definitely does not look like a cross-browser standard.

A:

Use a class name, this is basic CSS. Unless there is a reason why you can't, your question is a little confusing.
ul.normalList li {
    width:300px;
    margin: 1em;
    list-style-type: disc;
}

http://jsfiddle.net/iancwoodward/48By2/5/

