Контур не виден для встроенных элементов ⇐ CSS

[Anonymous]

У меня есть тег привязки. Я дал схему этому якорному тегу. Но этот контур не виден, если тег привязки не имеет отображения: flex.
В приведенном ниже примере есть два тега привязки. У первого нет гибкого контейнера, а у второго есть. И вы можете видеть, что контур первого тега привязки не виден, но контур второго тега привязки виден.
Почему это так?

Код: Выделить всё

.link {
outline: 2px solid #000;
}
.link.flex {
display: flex;
}
.content {
padding: 20px;
border: 1px solid #ff2121;
}

Код: Выделить всё

[h4]This doesnot have a flex container[/h4]




[h4]This has a flex container[/h4]

Подробнее здесь: https://stackoverflow.com/questions/791 ... e-elements