Как вставить блочный элемент div внутри строчного элемента a

Актуально на 2025 год

Просмотры: 67

Чтобы поместить блочный элемент div внутри строчного элемента a, нужно добавить свойство display: inline-block; к блочному элементу div. Вот пример кода:

<a href="#">
  <div style="display: inline-block;">Это блочный элемент внутри строчного элемента</div>
</a>

<div style="display: inline-block;">Это блочный элемент внутри строчного элемента</div>

</a>

В этом примере блочный элемент div находится внутри строчного элемента a, и благодаря свойству display: inline-block; он отображается как строчный элемент, но при этом имеет свойства блочного элемента. Конечно, так лучше не делать, но если других вариантов нет, то это неплохой выход из положения.