2014-02-02 4 views
0

Текст, который находится в двух прямоугольниках, должен быть выровнен слева. Однако даже когда я меняю «центр» на «левый» на CSS-код, это не имеет никакого значения. JSFiddleНевозможно выровнять текст слева на CSS

@charset "utf-8"; 

.box 
{ 
    width: 560px; 
    background-color:#CCC; 
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 
    color:#000; 
    text-align:center; 
    border: 1px solid #000; 
    margin-right:auto; 
    margin-left:auto; 
    margin-top:15px; 
    font-size:24px; 
} 
.boxbot 
{ 
    width: 560px; 
    background-color:#CCC; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    text-align:center; 
    border: 1px solid #000; 
    margin-right:auto; 
    margin-left:auto; 
    margin-top:3px; 
    font-size:16px; 
} 
.boxyoutube 
{ 
    width: 560px; 
    height: 345px; 
    background-color:#CCC; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    text-align:center; 
    border: 1px solid #000; 
    margin-right:auto; 
    margin-left:auto; 
    margin-top:3px; 
    font-size:16px; 
} 
.boxbot2 
{ 
    width: 560px; 
    background-color:#CCC; 
    text-align:center; 
    border: 1px solid #000; 
    margin-right:auto; 
    margin-left:auto; 
    margin-top:3px; 
    font-size:16px; 
} 
.submit 
{ 
    width: 560px; 
    background-color:#CCC; 
    text-align:left; 
    border: 1px solid #000; 
    margin-right:auto; 
    margin-left:auto; 
    margin-top:3px; 
    font-size:16px; 
} 
body 
{ 
    alignment-adjust:central; 
    background-color:#CCC; 
} 
select{ 
    width:auto;} 
#wrapper 
{ 
    text-align:center; 
} 

ответ

0

Вы должны удалить выравнивание этих двух классов #wrapper и .boxbot2

#wrapper 
{ 
    text-align:center; -- remove it 
} 

.boxbot2 
{ 
    width: 560px; 
    background-color:#CCC; 
    text-align:center; -- remove it 
    border: 1px solid #000; 
    margin-right:auto; 
    margin-left:auto; 
    margin-top:3px; 
    font-size:16px; 
} 

Js Fiddle Demo

+0

Когда я удалить выравнивание из .boxbot2 и #wrapper, ничего, кажется, бывает:/ – user3261696

+0

действительно ?? ты проверил мою скрипку. Что-то не так с этим? – Sachin

+0

он работает на вашей скрипке, но когда я редактирую CSS на своем веб-сайте, кажется, нет никакой разницы:/Есть ли способ помочь мне с teamviewer? – user3261696

0

кажется, что text-align в вашей #wrapper декларации была установлена ​​center

Проверь это : http://jsfiddle.net/3D8Tq/1/

Я просто удалили text-align из обертки, кажется, работает хорошо

Смежные вопросы