CSS: Перетяжка неправильно с видео встраивает

Question

У меня есть проблема с темой я занимаюсь разработкой для моего блог (example), где ниже видео, есть «лишнее» пространство/дополнение к его границе

в основном, у меня есть

<div class="media"> ... embeded stuff ... </div> 

.media { border: 5px solid #CCC } 

что-то вроде этого

Answer 1

просто добавьте в ваш CSS:

object{ 
    vertical-align:bottom; 
} 

(или, в качестве альтернативы, установите line-hight в 0 для .media)

Answer 2

Установите line-height в 0 для .media ру ле, поскольку пробельные занимает пространство (белый: р) ..

.media { border: 5px solid #CCC;line-height:0; }