Подскажите как правильно сделать выравнивание текста

Доброго времени! Подскажите, пожалуйста, нубу по CSS. Нужно сделать так чтобы одна строка текста была по центру, а остальной текст в классе с выравниванием по правой стороне. Класс SiteInfo можно разбить на дополнительные классы, к примеру SiteInfoHeader и SiteInfoText, но у меня не получается выровнять текст h1 относительно центра класса pageHeader. Как это правильно делается?

HTML

<div class="pageWrapper">

<div class="inner">

<header class="pageHeader">

<div class="siteInfo">

<h1>Текст, который должен быть в центре</h1>

<p>Текс с выравниванием по правому краю</p>

</div>

</header>

CSS

.pageWrapper {

  background: #ffffff url('../img/bg-page-top.png') left top repeat-x;

  position: relative;

  overflow: visible;

  width: 1000px;

  margin: 0 auto;

}

.pageWrapper .inner {

  padding: 0px 9px 0px 9px;

}

.pageHeader {

  padding: 60px 10px 20px 10px;

  overflow: hidden;

}

.pageHeader .siteInfo {

  float: right;

  text-align: center;

  margin-bottom: -20px;

}

.pageHeader .siteInfo span {

  font-size: 110%;

}