How to display items side-by-side without using tables?

Answer 1

The negative margin would help a lot!

The html DOM looks like below:

  
Main content

Left Images or something else

And the CSS:

.main {
  float:left;
  width:100%;
}

.main_body{
  margin-left:210px;
  height:200px;
}
.left{
  float:left;
  width:200px;
  height:200px;
  margin-left:-100%;
}

The main_body will responsive it's with, may it helps you!