При добавлении float:left; ссылка не выравнивается по середине. Как от этого избавится?

Question

[raw1]

a не сколько штук они должны друг друга обтекать и должны выровняться ровно по середине блока , но они лишь обтекают друг друга

.page a {
	float: left;
	text-align: center;
}

Answer 1

[iBird Rose]

а с чего вдруг она должна выравниваться по середине, если ты задаешь ей float: left; ?
можешь задать width: 100%; тогда ссылка будет на всю ширину, а текст в ней будет выравниваться по середине

Comments

[iBird Rose]

raw1: оберни их в div ну или сделай через ul li. и float: left уже задавай для li, а text-align: center; для а. в общем тебе нужен еще блок чтобы разделить стили

[raw1]

Вставил их в p и сделал ему text alight: center;

[iBird Rose]

raw1: https://jsfiddle.net/u4pg0cg1/

Answer 2

[Sticher78]

а текст в ней будет выравниваться по середине

и то не факт, при задании text-align:center он будет, к примеру, справа

Answer 3

[Givandos]

a {
display: inline-block;
}
У родителя ширину 100% и равнение текста по центру.
И никаких флоатов.
Либо флекс на родителя. Но это чуть сложнее.