HTML iframe в несколько столбцов ⇐ CSS

[Anonymous]

Я пишу веб-сайт как совокупность всех своих материалов (сообщений в блогах, видеороликов YouTube и т. д.) и хочу иметь страницу, встраиваемую на YouTube. Я хочу иметь два столбца для встраивания, но не могу понять, как это сделать. Если я отредактирую CSS и заставлю определенные биты перемещаться в правильную сторону, это ничего не изменит. Вот как выглядит мой отредактированный CSS:

Код: Выделить всё

    div.leftBodyVideo{
width: 45%;
float: left;
}

div.rightBodyVideo{
width: 45%;
float: right;
}

Затем я изменил HTML, чтобы правильно выровнять теги, но это тоже не сработало. он поместил iframe, которые должны быть выровнены по правому краю, в странное положение:

https://lh3.googleusercontent.com/-sur0 ... AAAAAAAHk/ ZO3CpEcpoQ4/w426-h237/Capture.PNG

Вот HTML:

Код: Выделить всё

Pyraminx ao12 16 46

https://www.youtube.com/embed/XDN9BXLFGhg

TheCubicle.US | Yuxin 4x4 + ShengShou pyraminx

https://www.youtube.com/embed/vEkiT62B-nE

Tutorial - sl1pg8r symbol with a cube

https://www.youtube.com/embed/2f7xz6ym__0

Lubing DaYan ZhanChi Cube

https://www.youtube.com/embed/ydg0APsB7IU

Cubing - 2x2 ao5 36.9

https://www.youtube.com/embed/ydg0APsB7IU

Mindcuber Demo and Explaination

https://www.youtube.com/embed/oEIMf1JdyDc

Как это исправить и выровнять их по двум столбцам?

Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/317 ... le-columns