Отступ при использовании legend в fieldset

475

26 ноября 2016, 18:36

При использовании legend, снизу него появляется отступ и всё выглядит неравномерно:

Без использования legend всё нормально:

Каким образом снести отступ снизу у legend?

fieldset {border: 1px solid #cccccc; padding: 10px}

<fieldset> 
  <legend>title</legend> 
   
  message 
</fieldset>

https://jsfiddle.net/ps0sL763/

Answer 1

padding: 10px , то что вам мешает. Т.к. сам legend занимает место:

fieldset { 
  border: 1px solid #cccccc; 
  padding: 10px; 
  padding-top: 0; 
}

<fieldset> 
  <legend>title</legend> 
 
  message 
</fieldset>

UPD

legend{ 
margin-bottom:-10px; 
} 
fieldset { 
  border: 1px solid #cccccc; 
  padding: 10px; 
}

<fieldset> 
  <legend>title</legend> 
 
  message 
</fieldset>

ТОП-10

Есть группа li элементов с заданным классамКак выбрать ряд и отдельные элементы (input в li) для определенного класса?

216

Здравствуйте, кто пользовался им помогите пожалуйста, не работают ссылки на мобильных устройствах, на компютере нормально все при разных...

477

На мобильных устройствах при автозаполнении блок предлагающий один из аккаунтов распологается не под инпутомФорма автозаполнения позиционируется...

306

Ребят, задача такая, исключить классis-active (он генерируется js-кодом, но стили задаются в

484