MICRO GUÍA # 01: Formatos para centrar imágenes y textos | Como justificar el texto
No hay ningún problema, todos pasamos por allí en algún momento.
Seguro antes has utilizado Microsoft Word en la cual puedes ver que se puede justificar el texto, colocar el texto hacia la derecha o izquierda, centrar el texto e incluso las imágenes y un montón de fines. En fin, muchas de estás funciones también están presentes al momento de realizar un post en Steemit, las cuales pueden hacer que tus post sean muchos más atractivos y no pasen desapercibidos.
Hoy en esta micro guía les enseñaré dos cosas fundamentales:
- Como centrar las imágenes y los textos.
- Como justificar el texto.
Centrar las imágenes y textos.
1- Para empezar, tu post tienes que escribirlo en el modo editor en el cual se ingresa de la siguiente manera, dándole click allí:
2- Luego estando allí redactamos nuestro post a gusto, con la cantidad de textos e imágenes que deseemos.
3- Al terminar de redactar nuestro post, le daremos click en donde dice "Raw HTML"
4- Al hacer click allí veremos el mismo artículo pero en modo HTML. Localizamos la imagen:
Esta es una imagen, podemos ver que empieza con "<p>" y termina con "</p>".
5- Lo que tenemos que hacer es colocar el comando "<center>" al principio y "</center>" al final. Quedando de la siguiente manera:
6- El resultado será una imagen centrada. Para centrar el texto también lo hacemos de la misma manera, colocando el comando "<center>" al principio luego de la "<p>" y "</center>" al final del texto, antes de la "</p>".
Para justificar un texto.
Es importante justificar el texto al momento de publicar un post, ya que de esa manera se ve más organizado y ordenado, por ende más atractivo a la vista de los lectores. Justificar el texto en pocas palabras es alinear las palabras al principio y al final de cada línea.
1- Para comenzar, (estando en el modo HTML) debemos localizar el texto que queremos justificar, y le vamos a colocar el comando "<div class="text-justify">" al principio del texto y para finalizarlo le colocamos "</div>" al final del texto, quedaría de la siguiente manera:
2- El resultado será un texto justificado.
buen contenido brother
Gracias hermano!
No es nada práctico ni intuitivo , deberían cambiarlo no les parece
Quizás un poco, pero tenemos que adaptarnos y hacer lo mejor que podamos:)
Estaba buscando como hacerlo, en verdad muchas gracias... Excelente post.
Estaré subiendo otras guías que sé que te pueden ayudar, pronto! saludos.
Muy buena iniciativa!! Saludos sigue así.
Gracias, saludos!