CSSのナレッジ

中央揃え

margin: 0 auto;

左右寄せ

float: right;
float: left:
文字は回りこむ

縦横比の保持

---HTML---
<div class="iframe-wrapper">
    <iframe YouTubeとかの動画>
</div>    

---CSS---
iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.iframe-wrapper {
    padding-bottom: 56.25%;       /* 16:9 */
    haight: 0;
    position: relative;
}