2015-03-01 2 views
0

У меня есть этот сайт:Пункт составлен в соответствии с контактом

http://dl.dg-site.com/contact-2/

Это код HTML для моего пункта:

<p id="text_contact2">00 257 777 61263<br>00 257 712 084 64</p> 

Я хочу, чтобы этот пункт, чтобы быть в соответствии размещены как в на картинке ниже.

http://i58.tinypic.com/2m60dhz.png

Я пытался это сделать, но не работает

#text_contact2{display:inline-block;} 

Можете ли вы помочь мне, пожалуйста, решить эту проблему?

Заранее благодарен!

+0

Извините, но скриншот не помогает. – AFract

+0

Ваша форма уже занимает всю ширину, так как это 'display: block' и не имеет назначенной ей ширины. –

+0

Вам нужна дополнительная информация? Что именно? –

ответ

1

Формы - дисплей: блок; что они занимают все пространство, доступное в родительском div. Поэтому вам нужно изменить формы divs для отображения: inline-block; CSS может расстраивать, особенно когда вы не знаете, что он делает. Попробуйте щелкнуть правой кнопкой мыши в Chrome и проверить элементы. Это то, что я сделал на вашем сайте, и сразу увидел проблему. Я расскажу о точном css, чтобы помочь вам.

form.content-form.commentsblock div{display: inline-block;}

+0

Что такое отображение строки с номером: block? –

+0

обновил ответ, чтобы помочь вам в его решении. –

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