Alinear el Texto en Blogger Cuando Subimos una Imagen

Cuando insertamos una imagen en una entrada en  blogger y la alineamos a la izquierda o a la derecha el texto queda muy pero muy desalineado, personalmente creo que el post se ve desorganizado como pueden ver en la imagen, pero para los que quieren solucionar este problemilla les invito a que sigan leyendo este post.

Para tener una alineación simétrica cuando insertamos una imagen, utilizaremos el atributo alineación justificada para que los dos márgenes del texto queden completamente iguales, como pueden ver en la siguiente imagen:

Seguramente te preguntarás como lo hago en la práctica, te lo digo, una vez hayamos terminado de escribir el articulo y insertamos nuestra imagen el mismo editor de entrada en blogger nos permite alinear la imagen a la izquierda o derecha, luego en el editor de entradas pincha en la pestaña Edición de HTML  y busca el código html de la imagen que acabas de subir es algo parecido a esto:

<div class="separator" style="clear: both; text-align: center;"> <a href="..http://1.bp.blogspot.com/tu/imagen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="..http://1.bp.blogspot.com /tu/imagen.png" /></a></div>

Una ves localizado el código html de tu imagen, encima o debajo pega el siguiente código:

<div align="justify">
Aquí el texto que quieres alinear y que tenga los dos margenes iguales
</div>

Ahora el texto que quieres alinear va en donde indica, se los dejo en color rojo, pero fíjense más bajito que hay una etiqueta de cierre </div> que indica que hasta ahí se va alinear el texto, esto quiere decir que el texto que se encuentre fuera de esta etiqueta no se alineará.

También pueden alinear todo el texto de una entrada, poniendo el código de arriba en la parte superior de la entrada, y la etiqueta de cierre al final del artículo. También puede que les interese cómo alinear códigos html en la sidebar del blog.