Hola, amigos steemians, en ésta ocasión traemos un post que podría servirles de ayuda si pasan, de casualidad, por el mismo problema que nosotras. Desde que comenzamos a publicar aquí, como pueden haber notado si nos siguen o han leído nuestros post anteriores, hemos mejorado poco a poco el formato de nuestro contenido; gracias a lectura de otros post, de la guía de Markdown que te sugiere Steemit y algunas publicaciones en otros blogs esos que te consigues por la web. El asunto fue, desde que notamos lo ordenado y bonito que se ven post con párrafos justificados y, cuando se amerita, con imágenes y/o palabras solamente del lado izquierdo o derecha, que por supuesto queríamos hacer algo así para ustedes.

Fuente

Sin embargo, el problema radicaba en que precisamente los códigos encontrados no nos funcionaban. Algunos blogs hablaban de cambiar de Markdown a HTML luego de tener copiado tu texto para agregarle entonces la codificación de justificada que nos daban como <div class=''text-justify''> y para cerrar con </div>, lo hicimos y nada. Así que se nos ocurrió arreglar una y otra cosa a ver cuál nos servía de una vez por todas si muchos escritores de aquí podían hacerlo, nosotras queríamos formar parte de ese grupo que entrega contenido bien armado y de calidad, así logramos dar en el clavo.

Y al fin vimos la luz al final del túnel

Así llegamos hasta éste punto, y queremos compartir nuestro conocimiento con quien pueda necesitarlo o para que lo sepan, por si acaso.

Si quieren que su texto esté justificado, simplemente deben aplicar este código al inicio del contenido <div class=text-justify> (Así tal cual, el error que teníamos radicaba en unas '' que te dicen debes poner, pero eran justo lo que nos arruinaba todo). Y para cerrar, luego de todo lo escrito en el post que vayan a publicar, colocan </div>. Visualmente debe ser algo así:

Ahora, como igual nos sucedía con el código de imagen a la derecha/izquierda y texto a la izquierda/derecha, terminó resultando en la misma solución. Poner <div class=pull-left> al inicio, para que el texto o imagen sólo esté a la derecha, y al cerrar con </div>; mientras, para el efecto contrario, usan <div class=pull-right>y terminan con el usual </div>. Esto se vería, con un ejemplo a la izquierda, así:

En el código:

En nuestra publicación:

---

Ahora, sin más que decirles, nos despedimos, familia Steemit, ojalá nuestro post les sirva a quienes puedan presentar la misma particularidad. Siempre un gusto escribir para ustedes.

Desde este lado del mundo, un saludo cordial @cafeconleche.

https://steemitimages.com/DQmV5JLof6jdw27dkHHY12qYRfQny2vjKX4RJgUMeCZTd95/image.png