NUESTRO PROBLEMA PARA JUSTIFICAR TEXTO CON MARKDOWN SOLUCIONADO
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.
![](https://steemitimages.com/DQmPccQh7dkF7xtWdPHcUQJ7aTcyY1BmbnDu8cxpRBxbtuh/image.png)
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í:
![](https://steemitimages.com/640x0/https://steemitimages.com/DQmTXwoUDX9W15eGgG5ZV3TAwJXpdAMkDW2fyioW67j3H1H/image.png)
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:
![](https://steemitimages.com/DQmXP6puyMqMG3LyWkeEtQfz57oFmb9RzNHys1FH34Pw8dp/image.png)
En nuestra publicación:
![](https://steemitimages.com/640x0/https://steemitimages.com/DQmVjZNf7gTo4AKrXB6guGMd6ui1gCbnkbBZQBxptBaugn8/image.png)
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)
Holaaaaa te ame, en serio! <3 Gracias!
Muchas gracias por la ayuda brindada en este post, desde ahora empezare a implementarlo, saludos.
De nada @alexdc88, nos complace completamente que nuestra publicación te haya servido de ayuda. Saludos y exitos!
Hola, café con leche. Muchas gracias por esto post y por brindar soluciones a los escritores que queremos publicar artículos de calidad. Saludos!
¡Hola! No es nada, más bien nos hace felices que pueda funcionarte nuestra guía. Deseamos mucho éxito para ti.
Esperamos que te esté funcionando muy bien. Gracias a ti por tomarte el tiempo de comentarnos, no es nada haberte ayudado <3
Mi problema no es justificar el texto, lo que se me dificulta es hacer letras cursivas y negritas cuando justifico el texto por que a la vista previa no se ve tal cual, sabe como soluciono eso?
Eso es curioso, ¿Ya lo resolviste? ¿Te sucede con los demás códigos también? Porque podría deberse a que no estás dejando una línea intermedia entre el
<div class=text-justify>
y el inicio de tu publicación, si no das ese espacio puede sucederte que los otros códigos no se lean.Y eso era mi problema, lo estaba haciendo todo mal por que justificaba cada párrafo que tenia mi post entonces ese era lo que no me dejaba usar los comando para las cursivas y negritas, muchas gracias por su ayuda.
Gracias @cafeconleche ese era mi problema 😘
Genial muchas gracias...
@Quirimora
ME HA SERVIDO MUCHÍSIMO! MUCHÍSIMAS GRACIAS A USTEDES!
Nos alegra mucho que sea así, si llegas a tener otra duda y podemos ayudarte, será todo un gusto <3
¡GRACIAS! Cada vez que quería hacer un post era el mismo problema si quería justificar un texto. Fueron muy amables al hacer este post. Bravo por ustedes.
De nada amigo @pararova, nos alegra muchísimo que nuestro post te haya ayudado en tu crecimiento en esta hermosa comunidad. Saludos cordiales.
Servicio público. Gracias. (: