I developped this template which works fine here :
https://template-admin-dom.herokuapp.com/6#
As you can see, the text in the top navbar is not centered.
It seems easy but I can’t do it.
This text has this class :
.wrapper .section .top_navbar .navbartitle{
font-size: 28px;
color: #f4fbff;
text-align: center;}
and the html is :
<span class="text-truncate navbartitle">Title to center</span>
Can you inspect the page and help me ? I do not understand why it does not work.
>Solution :
It doesn’t center because the parent container is a flex container. One way to center the title is to add margin: auto to the element that has the navbartitle class:
