I have a detail page where the title of the product when resizing the browser or seen on a mobile device the text is completely aligned to the left, I would like the alignment to remain but that text be better distributed, the structure where the title is is this:
<div class="one-fourth-pers column-last"><h3 class="entry-title"><?php echo $row_rsProdutos['descricao']; ?></h3></div>
.one-fourth-pers {
width: 40.5%;
float:left;
/*max-width: 220px;*/
}
When you try to change the width the whole content is thrown down. The page can be seen here: Details Page