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