<body>
<div class="about">
<p>Love<br>
Robots
</p>
</div>
</body>
I want to make Love Robots
with left alignment, but in the center of whole page
Like text and headers in this site: https://deadblog.ru/webdev/vyravnivanie-div-blokov-po-centru-css/
Result will be:
begin| cen|ter |end
Love
Robots
Another Text
Not like:
begin| cen|ter |end
Love
Robots
Another Text
>Solution :
Surround your original div with another one, and adjust the css for .about to match this:
.center {
text-align: center;
}
.about {
display: inline-block;
text-align: left;
}<body>
<div class="center">
<div class="about">
<p>Love<br> Robots
</p>
</div>
</div>
</body>