Например, см. эту ссылку и фрагмент ниже:
div#outer {
height: 120px;
background-color: red;
}
div#inner {
width: 50%;
height: 100%;
background-color: green;
margin: 0 auto;
text-align: center; /* For text alignment to center horizontally. */
line-height: 120px; /* For text alignment to center vertically. */
}
Foo foo
Если вы у вас много детей под родителем, поэтому ваш CSS-контент должен быть таким, как этот пример на скрипке .
HTML-контент выглядит так:
Foo Text
Foo Text
Foo Text
Foo Text
Затем см. пример на скрипке .