cssalignment

CSS issues with horizontal alignment

On my website I'd like the youtube video to be centered horizontally and next to it (with a few px space) I'd like to see a text box.

I tried various things found via google but nothing is working.

Any idea how to fix this?

Solution

  • Add this to your .youtube-player class:

    .youtube-player
{
display:block;
margin-left:auto;
margin-right:auto;
}

    EDIT:

    To get the title next to the video, you have to float:left the video and float:right the div that wraps your <p>hello</p>

    Then to keep white background, after your div with hello you need to add another empty div with style clear:both