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.
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 .
https://steemitimages.com/DQmV5JLof6jdw27dkHHY12qYRfQny2vjKX4RJgUMeCZTd95/image.png