Invalid property value for align-text css

Question

I have set the text-align:none; for both body and my list.

body {
    background-color: #fff;
    color: #333;
    font-size: 13px;
    line-height: 18px;
    position:relative;
    padding:0;
    margin:0;
    text-align:none;
    font-family: arial, verdana, helvetica, sans-serif;
}

#nav .menu{
    background:#F27739;
    background:-webkit-gradient(linear, left top, left bottom,
    from(#F27739),to(#D95B1C));
    overflow:hidden;
    margin-top:50px;
    height:30px;
    text-align:none;
}

But in Firebug I detected that both of these text-align:none; are invalid property values. I don't understand, why?

Answer 1

text-align: none is invalid.

If you want to have it be the default alignment, you need to do:

text-align: inherit

But, you should really set it to one of the following:

text-align: left or text-align: justify or text-align: center or text-align: right