Как сделать выравнивание по центру?

Question

[Александра Башура]

<div class="copyright" > © 2012-2015 год. <a href="http://moguta.ru">Moguta.CMS</a></div>

Comments

[Saboteur]

А где ваша попытка отцентрировать?
.css файл забыли приложить, с классом copyright?

[Александра Башура]

Сергей: .copyright{
font-size: 14px;
float: left;
margin: 25px 0 0 0;
}

Answer 1

[Saboteur]

Александра Башура: у вас же float: left стоит, то есть к левому краю. и margin у вас стоит 25px от левого края.

поставьте:
text-align: center ;
чтобы текст внутри блока стоял в центре.

Пропишите:
margin-left: auto ;
margin-right: auto ;

и укажите ширину вашего блока.

.copyright{
  text-align: center;
  width=100;
  margin-left: auto ;
  margin-right: auto ;
}

Comments

[Everything_is_not_so_bad]

Сергей компактнее так: margin: 0 auto; вместо margin-left, margin-right

Answer 2

[Stalker_RED]

Вам нужно выравнивать не текст внутри div.copyright, а его самого относительно footer

Сделайте так:

.copyright {
  margin: 25px auto 0 auto;
}

И уберите у него float: left;

Answer 3

[Mykhailo Kruts]

https://jsfiddle.net/4g12nx8b/

Comments

[Александра Башура]

Вставила а толку ноль 4mega.pro

Answer 4

[Григорий Васильков]

Выравнивание по ширине делается так:
CSS правило - text-align: center
Это выровняет текст в центре одного блока

Выравнивание по высоте делается несколькими способами, наиболее простой для понимания - вставить в блок таблицу и указать ширину-высоту 100%. В ячейке таблицы вертикально выровнять текст.

Если нужно выровнять по центру сам блок - его можно представить как inline-block (упрощенно, браузер будет думать - что ваш блок - это буква), а дальше выравнивай как указано выше.

Если есть дополнительные вопросы: напиши в скайп gzhegow, или на почту [e-mail]

Answer 5

[Михаил Чирский]

Советчики с плохими способами и лишним текстом, зачем вы учите новичков не правильно?
Чтобы выровнять текст в блоке, достаточно написать text-align: center; и все
В примере автора для красоты я бы добавил еще padding: 10px 0; чтобы не прилепало
Djamal Nasrutdinov а ваши использовали в 90 когда, были актуальны таблицы и т д, ну судя по вашим советам, вы и верстаете также, сейчас все можно сделать с помощью стилей, без лишнего html

Comments

[Михаил Чирский]

Djamal Nasrutdinov: судя по твоим советам ты верстаешь лучше всех тут, потому спорить с тобой без толку.

[Михаил Чирский]

Djamal Nasrutdinov: судя по тому где работаешь и какой там сайт, очень круто верстаешь
tinypic.com/r/w2m1k7/9, открыл мобильную версию и закрыл, даже не стал смотреть верстку

[Михаил Чирский]

Djamal Nasrutdinov: боже ты даже ссылку, что дал, там выполнено не на 100 %, + ошибки которые гугл проситсделать Исправьте обязательно:
Я увидел достаточно, не удивительно чему ты можешь научить, тема закрыта.