How to put a div in the middle of another div? I can't explain it verbally, please see the picture for explanation! Happy weekend to everyone! _html/css_WEB-ITnose

Just put the "personal profile" in the middle of the box on the right. Don't know how to do it?


That method was told to me by someone else, but it doesn’t work at all!

Reply to discussion (solution)

Commonly used CSS centering methods: http://www.ido321.com/824.html

Thank you! What you gave is quite good, but I still need to read it one by one to understand it. I hope someone can give me a ready-made one?

<div style="width:800px;height:600px;background:red;position:relative;"><div style="width:200px;height:100px;background:#ccc;position:absolute;top:50%;left:50%;margin-left: -100px;margin-top:-50px;"></div></div>

Brother, you misunderstood, it’s my fault, I said it wrong, actually it’s like this

French style East Highland

The correct solution is upstairs. You need to make another div to wrap it up, and then the font div is line-height with the outer div. This height should be consistent with the height of the box

< ;div style="width:800px;height:600px;background:red;">

French style East Highland

The correct solution is to make another div to wrap it up, and then the font div and the outer div have line-height. The height should be the same as The height of the boxes is the same

French style Eastern Highlands

It means vertically centering the text in the line. Haha, you can't just come across this

Practice Not enough, I just came across it!