I want the text to have the same indentation as on the layout, for example, the first line of 15 words is the longest, the second line is an average of 9 words, and the third is 5 words. Well, in general, as the pyramid was turned upside down. Like on a picture enter image description here

enter image description here

For some reason, it works out for me.

  • Where did you get the example? - Raz Galstyan
  • at least text-align: center - Grundy
  • @StackOverflow from the layout, here's a bigger picture imgur.com/YE506Om - Austin
  • I see no reason not to use the most ordinary <br/> - andreymal
  • @andreymal I need the text to be the shape of an inverted pyramid as in the picture above, and not in the form of a square where the beginning of the sentence does not have indents. Yes, I can use <br> but then the text will not be - Austin

1 answer 1

You can transfer everything manually from <p> / <br> , you can use CSS properties: shape-outside or shape-inside , you can read about them at least here .

  • IE, Edge, FF do not support shape-outside and shape-inside - Air
  • @Air IE in 2017 :) Nevertheless, these browsers are not very popular, I would say not popular at all, although Mozilla does something there. Support for these rules is still 80.54% among all users. - Telion
  • I agree, I don’t think about them at all ... I refused them for a long time ... I don’t even bother ... But to warn you, in my opinion you should, you never know, an inexperienced person didn’t realize right away ... And then he needs it will be long and tedious to redo everything ... And especially since it is in this case on the FF list. And it matters a lot - Air