The block should be in the middle and outside of it, left and right, the text that is aligned closer to the block, that is, on the right side and the left side and all this should be in one line. Here is my example.

<div> ΠΊΠ°ΠΊΠΎΠΉ Π½ΠΈΠ±ΡƒΠ΄ΡŒ тСкст <center> <span> </span> </center> Ρ‚ΠΎΠΆΠ΅ тСкст </div>

in my example, he simply puts the span in the middle and moves the text up and down

  • Yeah, we got it. Do it. - Alexey Ten
  • Very good, what is your budget? - meine
  • what is all such evil here is my example
  • Tag <center></center> from grandma's chest got it? - Air
  • center - Air

1 answer 1

Like so, yes ??

 .flex{ display:flex; align-items:center; width:300px; justify-content: space-around; margin:auto; text-align:center; border:1px solid; } .block{ width:50px; height:50px; background:red; } 
 <div class="flex"> ΠΊΠ°ΠΊΠΎΠΉ Π½ΠΈΠ±ΡƒΠ΄ΡŒ тСкст <div class="block"> </div> Ρ‚ΠΎΠΆΠ΅ тСкст </div>