Elementos responsive

[AngelKrak]

grax por rectificarme pzin, no sabia las diferencias antes :(

HTML:

Código HTML:

<div class="block1"><span>Bloque 1</span></div>
<div class="block2"><span>Bloque 2</span></div>
<div class="block3"><span>Bloque 3</span></div>
 

CSS:

Código CSS:

div {
  width: 33%;
  height: 150px;
  background: black;
  color: white;
  border-right: 2px white solid;
  float: left;
}
span {
  padding: 6px;
}
 
@media all and (max-width: 612px) {
  div {
    float: none;
    width: auto;
    border-bottom: 2px white solid;
  }
}
 

Online:
http://codepen.io/AngelKrak/pen/zGGmpO