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

439

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) для определенного класса?

188

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

446

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

272

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

453