How to place text to left & right and keep it responsive?
Hello everyone,
Im losing my mind here trying to solve this (I hope) simple task. I'd like to place text on both sides of the page and keep it responsive to shrinking. Is there any way to do that with text properties? Or do I have to pack that into divs and start messing with flexbox or grid?
Thanks for your time 🙂
P.S. I know the rest of the page looks like shit. I just need help with positioning text 🙂
![](https://cdn.answeroverflow.com/1114880073586180126/Screenshot_3.png)
5 Replies
I would recommend using flex.
You could also use float for this.
Either way each line of text will have to have its own container (div, li)
flex or grid is da way 🙂
Oh well, It seems there's no escaping flexbox then. Thanks 🙂
Flex is simple enough here.
Just apply it to the container of each row, add justify-content:space-between and finally add the blocks of code that you want aligned to the right in a span.
Yas Sir, that's what I did. It works now. Was kinda hoping to discover some magic formula like text-align: to-left & to-right 😛 not this time apperently