Like i know the “div 3” text is meant to be center in the box-3 and then the other 2 div texts are meant to be center top but i just cannot get it working. maybe im having a dumb moment.
I want the “div 1” “div 2” “div 3” text where they are in the first example
Ive gotten this far with the nested divs , flexbox but idk how to add the text.
Please guide me
The problem your facing with flexbox is the fact that when you introduce a text element ( a <p> tag) in your nesting it throws off the vertical alignment since they become flex items too.
What your wanting to do can be done but it won’t be very usable on the web.
For starters the fixed widths and heights need to go, but that would probably negate the look your after.
The text would need to be removed from the flow in the first two divs, that can be done with absolute positioning. The problem with that though is the text could spill into the next div visually if there is a lot of words.
With your html structure just add a class to the first two p tags.
Hello, thankyou.
This has opened my eyes.
Upon reading your response, i had a click.
I will strive to study more and better myself after this
It made complete sense,
thank you once again!