Как выровнять надпись в шапке сайта?

Голоса: +1
Выравнить надпись по центру не получается, помогите пожалуйста

Надпись - Покупайте быстро и выгодно
Адрес сайта http://diditen.ucoz.net/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

У вас эта надпись завернута не в тот див в который нужно, у вас сейчас в верхней части код имеет следующий вид:

<div class="cnt oh">
 <div class="top-left oh">
 <a class="soc" href="#"><span class="fa fa-facebook"></span></a>
 <a class="soc" href="#"><span class="fa fa-twitter"></span></a>
 <a class="soc" href="#"><span class="fa fa-tumblr"></span></a>
 <a class="soc" href="#"><span class="fa fa-linkedin"></span></a>

 </div>
 
 <div class="top-right oh">
 <center> <h1><span s tyle="font-family:comic sans ms,cursive;"><strong><span >Покупай быстро и выгодно</span></strong></span></h1></center>

 <div id="search">
 <form id="search-form" onsubmit="this.sfSbm.disabled=true" method="post" action="/shop/search">
 <input type="text" class="search_keyword" name="query" placeholder="Выбор города...">
 <input type="submit" class="search_submit" value="" name="sfSbm">
 </form>
 </div>

 </div>
 </div>

который нужно заменить на:

<div class="cnt oh">

 <center> <h1><span s tyle="font-family:comic sans ms,cursive;"><strong><span >Покупай быстро и выгодно</span></strong></span></h1></center>

 <div class="top-left oh">
 <a class="soc" href="#"><span class="fa fa-facebook"></span></a>
 <a class="soc" href="#"><span class="fa fa-twitter"></span></a>
 <a class="soc" href="#"><span class="fa fa-tumblr"></span></a>
 <a class="soc" href="#"><span class="fa fa-linkedin"></span></a>

 </div>
 
 <div class="top-right oh">
 <div id="search">
 <form id="search-form" onsubmit="this.sfSbm.disabled=true" method="post" action="/shop/search">
 <input type="text" class="search_keyword" name="query" placeholder="Выбор города...">
 <input type="submit" class="search_submit" value="" name="sfSbm">
 </form>
 </div>

 </div>
 </div>

после будет по центру, в параметре - s tyle удалите пробел между символом чтобы было все вместе.

| Автор:
Выбор ответа лучшим | | Автор: Иван Куричев
Как то не так получилось(
Иван Куричев,

добавьте в таблицу стилей CSS в самый низ следующие стили:

.cnt.oh h1 {position:relative;top:35px;margin:auto;}

...