Почему тег привязки не принимает высоту и ширину содержащего его элемента ⇐ CSS

[Anonymous]

Вот мой JsFiddle

Когда я проверяю размер тегов привязки с помощью инструментов разработчика Chrome, он показывает мне 144px*18px для 1-го элемента и 310px*18px для второго элемента.

Я хочу знать, почему он не учитывает высоту и ширину содержащего элемента и как он рассчитывается .

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

.gallery {
background-color: #abcdef;
}
.gallery img {
display: inline-block;
margin-left: 20px;
margin-top: 20px;
}
.normal {
height: 160px;
width: 110px;
border: 5px solid black;
}
.wide {
height: 160px;
width: 280px;
border: 5px solid black;
}

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

[url=#]  [/url]
[url=#]  [/url]

Подробнее здесь: https://stackoverflow.com/questions/185 ... ng-element