2013-10-08 4 views
3

Я делаю div и внутри я делаю заголовки, но когда я показываю, тогда заголовки находятся вне div, как уменьшить поля заголовка? вот мой код:Как уменьшить пространство между заголовками?

<div id="left" style="width:300px; height:100px; float:left; margin:5px 40px 0;"> 
<h5 id="companyname">{{companyname}}</h5> 
<h5 id="companyaddress">{{companyaddress}},{{companycity}},</h5> 
<h5 id="companycountry">{{companycountry}}</h5> 
</div> 

и вот CSS:

#companyname{ 
text-align:left; 
font-size:13px; 
} 
#companyaddress{ 
text-align:left; 
width:68%; 
font-size:13px; 
} 
#companycountry{ 
text-align:left; 
font-size:13px; 
} 
+0

Обычно рекомендуется перемещать все стили во внешние таблицы стилей для удобства обновления, ясности для будущих разработчиков и для разделения типов контента (HTML! = CSS). Если это вообще возможно, переместите стили на '# left' во внешний файл CSS. – DACrosby

ответ

0

Вопрос:

как уменьшить заголовок поля?

Ответ:

h5 { margin: 0px; } 
0

попробуйте добавить

h5 
{ 
line-height:10px; 
} 

я использовал 10px вы можете использовать значения в соответствии с вашими потребностями

Fiddle Demo

Настройка полей и paddin г соответственно тоже хороший вариант

h5 { 
    margin:0px; 
    padding:0px; 
} 
0

У вас есть два варианта.

  1. Увеличение высоты DIV

  2. отдавания CSS для h5, как это потому, что по h5 умолчанию элемент занимает некоторый запас

    h5 {поле: 0px}

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