Como poner un post o una página a 2 columnas

A esto lo suelo denominar “píldora productiva” ya que es una forma muy sencilla de poder realizar 2 columnas en un artículo sin necesidad de poner un plugin ni nada parecido.

Supongamos que en una entrada primero tenemos un párrafo normal y luego nos interesa tener 2 columnas, por ejemplo para hacer una comparativa o para indicar las ventajas y los inconvenientes de un producto.

Por tanto, queremos obtener este resultado:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

VENTAJAS

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet

INCONVENIENTES

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet

 

 

 

 

 

 

 

Por tanto, nuestro código sería este:

<div style=”float: left; width: 45%;”>
<em>VENTAJAS</em>
<ol>
<li><em>1.</em></li>
<li><em>2.</em></li>
<li><em>3.</em></li>
<li><em>4.</em></li>
</ol>
</div>
<div style=”float: right; width: 45%;”>

<em>INCONVENIENTES</em>
<ol>
<li><em>1.</em></li>
<li><em>2.</em></li>
<li><em>3.</em></li>
<li><em>4.</em></li>
</ol>
</div>

 

Y esto es todo. Espero que sirva de ayuda.