Problemas al alinear imágenes con el texto

En WordPress, me he encontrado con varias plantillas o themes que no cumplen el requisito de mezclar el texto y la imagen al lado (o viceversa). Normalmente, si alineamos cierta imagen a la izquierda o la derecha, y escribimos en la misma línea texto, este se adaptará en el espacio restante que quede al lado de la imagen. Pero hay plantillas que parecen no cumplir este requisito que muchos usuarios buscan.

Estos serían los ejemplos. El de la izquierda, sería el correcto, y el de la derecha, la situación que se encontrará alguien cuando el texto no se alinee bien con la imagen.

He buscado qué podría arreglarlo, y tan sólo debemos copiar este código en nuestra hoja de estilos, o style.css de nuestra plantilla.

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0px;
margin: 0px 0px 0px 10px;
display: inline;
}

img.alignleft {
padding: 0px;
margin: 0px 10px 0px 0px;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

Si os fijáis, en las líneas margin: 0px 10px 0px 0px; ó margin: 0px 0px 0px 10px;, definen el espacio de marco o distancia que queremos entre las imágenes y el texto. Así, si queremos un marco mayor, podemos sustituir ese 10 por un 20 o lo que queramos.

Publicaciones relacionadas:

Cómo refrescar o redireccionar una página web cada cierto tiempo ¿Cómo indexar mejor tus entradas en los buscadores? Condiciones if en plantillas WordPress Problemas con WordPress 2.3.3 Eliminar revisiones en WordPress CPU y servidor saturado: permalinks y base de datos involucrados