How can I center an embedded YouTube video (without using the deprecated <center> tag)? Answered

Tags:html css

Comments

The forums are retiring in 2021 and are now closed for new topics and comments.

BrettA17

4 years ago

Thanks for the tip. This came in handy for my personal self defense website, Armor and Shield Tech. http://www.armorandshieldtech.com

kenvonrauch

8 years ago

The following thing worked for me:

I put this code in my style.css file:

.youtube {
margin-right: auto;
margin-left: auto;
display:block;
width:700px;
}

And I added my youtube video to the actual post like this:

http://www.youtube.com/watch?v=cUtw7sjnqFg

NachoMahma

12 years ago

. Use CSS. http://www.ehow.com/how_2284643_left-right-center-align-css.html

threecheersfornick

Answer 12 years ago

. text-align won't work as it is not text
. <div class="youtube"> <video> </div>
+
.youtube {
margin-right: auto;
margin-left: auto
}

didn't work for unknown reasons

dawnselene

Answer 8 years ago

you need to add display:block; and a width to make that work

Padlock

Answer 11 years ago

Add this before the first object tag:
<div style="text-align:center">
and this after:
</div>

Text align still centers it, even though it is not text.

iPodGuy

12 years ago

align=center?

Author Options:

How can I center an embedded YouTube video (without using the deprecated &lt;center&gt; tag)? Answered

Comments

How can I center an embedded YouTube video (without using the deprecated <center> tag)? Answered