<div>
<div class="content wysiwyg-content">
I know little to nothing about css but I am trying.<br />
I have a landing page that used to be filled up with a static image.<br />
<br />
Now I need to change it to a css design with a revolving image, and a video I was told not to use tables.<br />
<br />
The box that I need has two sections side by side in the center of the page, the first section is for a reotating image and is 450pixels the second is for a video player and is 255px <br />
the height on both is 270px &nbsp;there should be a 10px border between them but the remaining space on either side should be filled with grey and the content should always be centered.<br />
<br />
sounds easy but nothing I do makes it even close.<br />
<br />
Can someone code that for me? &nbsp;Show me how to create the two boxes?
</div>
</div>


I know little to nothing about css but I am trying.
I have a landing page that used to be filled up with a static image.

Now I need to change it to a css design with a revolving image, and a video I was told not to use tables.

The box that I need has two sections side by side in the center of the page, the first section is for a reotating image and is 450pixels the second is for a video player and is 255px 
the height on both is 270px  there should be a 10px border between them but the remaining space on either side should be filled with grey and the content should always be centered.

sounds easy but nothing I do makes it even close.

Can someone code that for me?  Show me how to create the two boxes?

Need to make a 2 section box for content

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.