I'm currently working on a website called www.confiam.com.br, which is a project built with Django. While making some adjustments recently, I unintentionally broke something related to the formatting of paragraphs. Now, the spacing doesn't seem right and it's not respecting line breaks as it should.
Here is the HTML snippet:
<div class=item>
<p><h1>{{ post.nome_evento }}</h1></p>
<center><picture>{% cloudinary post.foto_evento %}</picture></center>
<p><h2>{{ post.apresentacao_evento }}</h2></p>
<br>
</div>
and this is the corresponding CSS:
p{
text-align:justify;
}
.item h1{
font-family: 'Kurale';
margin: 0 auto;
position: relative;
padding:20px;
word-wrap: break-word;
text-align: center
}
.item h2{
font-family: 'Kurale', serif;
position: relative;
margin: 0 auto;
padding:20px;
word-wrap: break-word;
text-align: center
}
Any help or insight would be greatly appreciated. I'm at a loss trying to figure out where I went wrong. Thank you in advance for any assistance provided.