Выравнивание роликов Youtube по центру с помощью CSS

Выравнивание роликов Youtube по центру с помощью CSS

Для своего одного проекта, на котором будет размещаться большое количество видеороликов с Youtube и с других *tube, нужно было выравнять все видео по центру.

Делать это HTML-тегами <center>...</center> как-то не совсем хотелось, да и не правильно это, поэтому решено было сделать все с помощью CSS.

При вставке с Youtube, видеоролик обрамляется тегом <embed>. Этот тег используется для отображения объектов, которые изначально не понимаются браузером.

Простое задание этому тегу CSS-параметра margin: 0 auto к требуемому результату не привело.

Поэтому пришлось прибегнуть к небольшой хитрости:

embed {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Этот код нужно вставить в CSS-файл и в дальнейшем при вставке видеоролика на ваш сайт, он будет выравнен по центру без всяких там лишних HTML-конструкций.

Комментарии
Имя
e-mail
Текст комментария: # ×


Комментарии
Облако тегов
Интересное