А
Жизнь между диваном и сервером

25
Июн

Выравнивание роликов 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 (обязательное поле)
Сайт
Текст комментария:


Если Вы используете материал моего блога, то будьте добры поставьте ссылку.
Блог о жизни системного администратора.
www.adminway.ru - Жизнь между диваном и сервером. © 2009 - 2012

Rambler's Top100

Яндекс.Метрика