Высота окна игнорирования детской прокладки

Question

У меня проблема с заполнением и контейнером.

.box { 
 
    border: 1px solid black; 
 
} 
 

 
a { 
 
    background-color: green; 
 
    padding: 5px 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="box"> 
 
    <span class="link"> 
 
     <a href="#"><span>Hello!</span></a> 
 
    </span> 
 
</div>

Когда содержание имеет отступы контейнер игнорирует высоту Обивка в. В этом примере видно, что «ссылка» не нарисована на краю контейнера.

Как исправить проблему?

JSFiddle

Спасибо!

Answer 1

Добавить

a { 
    display: block; 
} 

http://jsfiddle.net/rxjwcdyp/5/

Answer 2

Поскольку a является встроенным элементом, вы должны предоставить ему дисплей: block. Возможно, вы смотрите несколько руководств о том, как работают HTML-элементы!