Изображение центра CSS, выравнивание текста справа

Question

Я работаю на сайте для друга по адресу http://blueridgemusclecars.com/. Я хочу, чтобы логотип находился в верхнем центре, а номер телефона и местоположение были выровнены вправо, но я хотел бы, чтобы текст в той же плоскости был горизонтальным, как логотип. Прямо сейчас текст находится внизу и справа от логотипа. Вот мой CSS для заголовка, любые идеи?

header { 
    width:100%; 
    position:relative; 
    z-index:2; 
} 

h1 { 
    padding:45px 20px 37px 26px; 
    /*background:url(../images/h1-bg.jpg) 0 0 no-repeat;*/ 
    /*float:right;*/ 

} 
    h1 a { 
     display:block; 
     width:500px; 
     height:278px; 
     text-indent:-999em; 
     margin:0 auto; 
     background:url(../images/logo.png) 0 0 no-repeat; 
    } 
.address { 
    display:block; 
    font-size:14px; 
    line-height:28px; 
    text-align:right; 
    color:#b22300; 
} 
.phone { 
    display:block; 
    font-size:25px; 
    line-height:30px; 
    text-align:right; 
    color:#fff; 
    margin-top:-5px; 
} 

Answer 1

Установите .fright класс иметь отрицательное верхнее поле.

.fright { margin-top: -100px; } 

Answer 2

Разметка, вероятно, может быть переработан немного (например, не уверен, что связь и изображение в <h1>), но проще всего на этой странице, я думаю, добавив следующие строки в CSS:

.wrapper { height: 300px; } //reduce empty space 
.fright { margin-top: -195px; } //align phone number with image bottom 

В любом случае, это выглядит очень хорошо ... удачи!