HTML How to markup 4 panels in a row for content -

I am so unstable on the HTML so that I can do some help with the help of a table, But it is understood that there is no one today. Therefore, advice is needed.

What do I want to accomplish are four styled boxes, which are spread across a row on the whole page. These boxes will contain some information, possibly text, potentially images, and possibly both.

The boxes will be fixed sizes, that is, I do not want to resize them to fit the browser window width. I'm guessing that maybe it's being done with the div tag but I do not have the first clue from where it's starting.

You want something like that (not tested)

  & Lt; Div id = "wrapper" & gt; & Lt; Div id = "box1" class = "box" & gt; & Lt ;! - Your content goes here - & gt; & Lt; / Div & gt; & Lt; Div id = "box2" square = "box" & gt; & Lt ;! - Your content goes here - & gt; & Lt; / Div & gt; & Lt; Div id = "box3" class = "box" & gt; & Lt ;! - Your content goes here - & gt; & Lt; / Div & gt; & Lt; Div id = "box4" class = "box" & gt; & Lt ;! - Your content goes here - & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

with CSS

  .box {width: 200px; Margin-left: 20px; Swim left; } # Box 1 {margin-left: 0; } #wap {margin: 0 auto; // Center on page width: 860px; }