Как центрировать и встраивать текст?

Question

Для моего html-кода я пытаюсь встроить текст и поместить его в центр, что не так?

div.wrapper a { 
    display: inline; 
    text-align: center; 
    text-decoration: none; 
    color: #808080; 
} 

Answer 1

Вы можете сделать следующее:

div.wrapper a { 
    // All other properties 
    vertical-align: middle; 
} 

Answer 2

При установке анкерного элемента в inline, он не будет распространяться на всю ширину ее элемента. Чтобы сделать то, что вы хотите, примените text-align:center к элементу div или установите привязку на display:block; с шириной 100%.

Первый сделает весь текст внутри центра div, а второй сделает текст занятым по всей ширине и центрирует его в своем собственном блоке.

Answer 3

Вы не помещаете текст в соответствие с самим текстовым элементом. Если у вас есть такая конструкция:

.wrapper и внутри a <a> или <p> элемент. чем вы поместили текст align: center на div, чтобы все было внутри этого div.

Пример: http://jsfiddle.net/q0ouh6b9/

.wrapper { 
text-align: center; 
}