CSS Div Alignment Issue

У меня есть настройка контактной формы с DIV. Проблема в том, что текст внутри DIV перекрывается, он не сидит в очереди.CSS Div Alignment Issue

Мой HTML и CSS следующим образом (HTML First)

<div class="form_label"><span class="number">7.</span> ¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad?</div>

CSS ...

.form_label { 
clear: left; 
float: left; 
font-size: 10pt; 
margin-bottom: 5px; 
margin-left: 1px; 
padding-top: 0; 
width: 553px; 
} 

.number {font-weight: bold;}

У меня есть ощущение сво выравнивания текста вопроса. Любая помощь ценится !!

источник

2011-02-02 StuBlackett

шире? –

Проблема заключается в том, что вы хотите, чтобы текст после того, как число начиналось в одном и том же месте (то есть, а не вторая строка, начинающаяся с того же места, что и номер, который вы хотите начать в соответствии с «¿tienen»? – Chris

Что вы означает, что «он не сидит в очереди»? –

Вы можете использовать table ... Или:
<div class="form_label"> <div class="number">7.</div> <div class="content">¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad?</div></div>

С помощью CSS: формы
.number {font-weight: bold; display:inline; width:23px; vertical-align: top;} .content { display:inline-block; width: 530px; }

источник

2011-02-02 12:37:59 anothershrubery

Спасибо за это. Мой самый большой страх был слабым способом I Неуправляемые списки в будущем! – StuBlackett

Попробуйте использовать пролет в качестве внешнего контейнера, если вы хотите все это в онлайн-

источник

2011-02-02 12:24:23 Xhalent

Try:

Edit: Забыл добавить <ol> тега. Атрибут value не работает без него.

<ol> 
    <li value="7">¿tienen almacenes de existencias significativos al cierre en ubicaciones diferentes a donde se encuentra la entidad? 
</ol>

источник

2011-02-02 12:29:49

Вы можете изменить свойство width в классе form_label и поместить его в 622px;

источник

2011-02-02 12:29:56

Обычно, чтобы сохранить текст в одной строке, вы должны добавить white-space: nowrap.

В вашем случае, по-видимому, div не имеет достаточно места, чтобы содержать текст: http://jsfiddle.net/PyDAF/

Либо вы должны сократить текст (если вы все еще хотите width: 553px), или увеличить значение .form-label WITDH.

источник

2011-02-02 12:30:45 Red

CSS Div Alignment Issue

ответ

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