Центрирование дочернего div на основе родительского div ⇐ CSS

[Anonymous]

У меня есть родительский div и дочерний div. Я хотел бы центрировать, чтобы знать, могу ли я выразить ширину и высоту дочернего элемента, например, в процентах от родительского элемента

Код: Выделить всё

Horizontal center a  div

.one{
width:800px;
height:100px;
background-color:grey;
}
.two{
margin-top:30px;
margin-bottom:30px;
min-height:40px;
margin-left:30px;
width:90px;
background-color:pink;
display:inline-block;
}




lorem ipsum

Чтобы увидеть это в действии http://jsfiddle.net/thiswolf/3qRgH/

Внешний div (родительский) имеет высоту 100 пикселей, а мой дочерний элемент div имеет высоту 40 пикселей. Я хотел бы центрировать свой дочерний элемент внутри родительской темы, поэтому:

Код: Выделить всё

100px - 40px = 60px

и я разделяю 60 пикселей дважды и назначаю дочерним элементам div Margin-top:30px и Margin-bottom:30px;. Однако я хотел бы выразить поля в процентной форме. Как бы это сделать я выражаю прибыль в %.

Подробнее здесь: https://stackoverflow.com/questions/146 ... parent-div