Вертикальное выравнивание текста в div?

[artem_from_minsk]

Кто знает как реализовать вертикальное выравнивание в теге div?

<div id="temp"><p>Привет, привет, привет привет. Ну конечно же привет</p></div>
<div id="temp"><p>Привет, привет.</p></div>

Два тега содержат разное колличество строк. Но оба хотелось бы что бы выравнивалось по id="temp". Типа такого:

div#temp{
color:#F00;
	font-size:16px;
	font-family: Arial, cursive;
	font-weight:900;
	text-shadow: 0px 0px 0px #FFF, 2px 1px 0px rgb(0, 0, 0);
	text-align:center;
	/*display:table-cell; 
        vertical-align:middle;*/

}

В кометны поместил то что не хочет работать. Вот сижу и думаю. То ли в CSS так не продумано. По отдельности центровать сильно гемаройно, но работает, что проверил. Выравнять можно с помощью padding. Но это меня не устраивает.

[Magneto]

идентификатор (#temp) в html документе можна использовать/объявлять только один раз

в Вашем случае используйте class (.temp)

[artem_from_minsk]

Если Id поменять на class ничего не изменяется. Выход пока нашел только в том, что бы прямо в теге прописать style="padding:5px 0px 0px". Это конечно проще, но хотелось бы для всех div в одном месте прописать.

[MrJenika]

так напишите так :

div .name_class{
color:#F00;
	font-size:16px;
	font-family: Arial, cursive;
	font-weight:900;
	text-shadow: 0px 0px 0px #FFF, 2px 1px 0px rgb(0, 0, 0);
	text-align:center;
	/*display:table-cell; 
        vertical-align:middle;*/

}