Почему все li и заголовки свернуты / справедливы / обернуты текстом?

Question

Я экспериментировал с text-align:; а также text-justify:;, который появляется только в header id, и теперь я получаю эффект от div'ов, которые мне больше не нужны. С тех пор я полностью удалил правила без эффекта. Это особенно раздражает когда liсвязаны с подсветкой синтаксиса и т. д. Есть идеи, откуда это?

CSS:

 #content{

    position:relative;
    float:left;
    clear:both;
    background-color:#ffffff;
    width:100%;
    overflow:hidden;
    text-align:left;
    vertical-align:left;

    margin:10px 3px 3px 03x;
    padding:10px 10px 10px 10px;

    }

    #contentspace{

    position:relative;
    float:left;
    clear:both;
    background-color:#ffffff;
    width:91%;
    overflow:hidden;
    text-align:left;
    vertical-align:center;
    left:4%;
    margin:10px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    }

#header{
position:relative;
float:left;
clear:both;
background-color:#ffffff;
vertical-align:center;
text-align:center;
text-align:justify; 
text-justify:distribute;
width:91%;
left:4%;
margin:15px 0px 0px 0px;
padding:5px 5px 5px 5px;
border-top:1px solid #000000;
border-left:1px solid #000000;
}

HTML:

div содержимого загружается в div содержимого