How can I create a dynamic CSS margin?

Question

I could probably do this in PHP, but I would have to include the CSS into my PHP file. So, I have a parent div whose height always varies, and then I have a child div whose width: 100%; height: 100%; in that child div, I have text. The problem is, I want to vertically center the text inside the ChildChild div.

#parentDiv {
width: 200px;
height: PHP generates this;
}
#Child {
width: 100%;
height: 100%;
}
#ChildChild {
margin: how do I do this?
}

<div id="ParentDiv">
<div id="Child">
<div id="ChildChild">
HELLO!
</div>
</div>
</div>

Nightfirecat · Accepted Answer · 2011-07-17 06:18:33Z

1

If your text is only going to be one line high, try setting line-height: 100%;. Otherwise, maybe try following the solution outlined here, which involves using the display: table-cell; property to allow the desired use of the vertical-align: middle; property.

answered Jul 17, 2011 at 6:18

Nightfirecat

11.6k6 gold badges37 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I create a dynamic CSS margin?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related