Olá pessoal! Tudo bem com vocês?
Neste terceiro tutorial irei trazer para vocês algumas dicas como alinhar as imagens tanto para direita quanto para esquerda e centralizado + códigos HTML essenciais para nossos posts.
Para quem está iniciando e quer deixar seu post mais limpo e bem apresentável, nós usamos alguns artifícios e aqui veremos: como deixar mais espaço, como justificar um texto e como colocar links direto de imagens. Talvez você poderá perceber que eu trouxe novamente aqui alguma dica, mas como recordar é viver então não tem problema. E chega de papo e vamos para a ação!
Alinhando as imagens
Colocando esses códigos:
lado direito
<div class="pull-right">Sua imagem aqui</div>lado esquerdo
<div class="pull-left">Sua imagem aqui</div>
centralizado
<center>Sua imagem aqui</center>
Agora vamos centralizar a imagem:
Justificar texto
É muito importante visualmente um texto bem dinâmico e bem organizado. Com blocos e deixando um espaço para cada parágrafo. Vamos saber como se faz:
<div class=text-justify>
Seu texto aqui
</div>
Colocando espaço entre os textos
Por mais que você aperte no enter não consegue o espaço que tanto deseja. Seus problemas acabaram:
1 espaço
Seu texto aqui<br>Seu texto aqui
Seu texto aqui
Seu texto aqui
2 espaços
Seu texto aqui
<br>
<br>
Seu texto aqui
Seu texto aqui
Seu texto aqui
3 espaços
Seu texto aqui
<br>
<br>
<br>
Seu texto aqui
Seu texto aqui
Seu texto aqui
Colocando link direto em imagens/gifs
Lembrando que ainda coloco o
<center> e o </center> para centralizar suas(eus) imagens/gifs para ficarem mais organizadas então coloque assim:[sua imagem](o link da imagem)
Para essa imagem ele fica desse jeito:
<center>[](https://pixabay.com/pt/coiote-vida-selvagem-natureza-948817/)</center>
Ficamos por aqui pessoal e espero que eu tenha te ajudado, comente aí se gostou e se possível dê um upvote!
Fonte de imagem 1/design 
Acompanhe as publicações anteriores
#pt é a nossa tag
Clique na imagem/gif para conhecer os projetos que apoiam nossa comunidade
