When I make some horizontally centered text on my website, when the text wraps, it looks like this:
But I want this text to be distributed evenly, like this:
How can I achieve this in a manner suitable for responsive web design?
Asked
Active
Viewed 533 times
1
TrevLev
- 109
- 3
- 11
-
Increase the **font-size** to match the design and have the container width equal. It will be same as what you want. – Sujit Kumar Singh Sep 25 '20 at 18:32
-
If you want those left and right spaces to be covered, use the CSS **text-align: justify;** – Sujit Kumar Singh Sep 25 '20 at 18:34
-
Does this answer your question? [How can I evenly balance text over multiple lines?](https://stackoverflow.com/questions/34875725/how-can-i-evenly-balance-text-over-multiple-lines) – M Imam Pratama Feb 23 '23 at 09:50
1 Answers
0
You can use break tag.
<br/>
tags if you don't.
And if you do then just try increasing the font properties, as given below:
text-align: center;
text-align: justify;
This is going to work just as fine.
-
The `
` tag is not suitable for responsive web design where screen size is not consistent. The text is already centered, and changing it to justified wouldn't do anything to fix the problem. – TrevLev Sep 29 '20 at 17:40