Get responsive html blocks with css -

i need display 3 simple text html blocks in 3 columns such image, need responsive behaviour

i need behaviour responsive, running one... teach me css code responsive behaviour?

thank in advanced!

<p><strong>cartelera</strong></p>  <table border="0">    <tbody>      <tr>        <td> <p>pelicula1<br />nombre1<br />dirextor1<br />españa</p> </td>        <td>pelicula2<br />nombre2<br />dirextor2<br />españa</td>      </tr>    </tbody>  </table> 

generally should post code here , give it. site isn't teaching resource.

that said, give point in right direction. use bootstrap it's pre-built responsive framework.

if want have go @ doing yourself, @ code starting point.

<div id="container"> <ul class="section">     <li>item 1</li>     <li>item 2</li>     <li>item 3</li> </ul>  <ul class="section">     <li>item 4</li>     <li>item 5</li>     <li>item 6</li> </ul> </div> 

and css:

#container { width: 100%;     }  .section {     float: left;     width: 120px;     margin: 0 10px 10px 0;     list-style: none; } 

and here's fiddle