Выровнять ссылки по центру с фиксированной шириной

#html #выравнивание

Ломаю голову над проблемой, есть блок скажем шириной 900px в него нужно поместить
кнопки шириной скажем 200px разместить их по центру ну и придать красивостей. делаю
с помощью такого кода




	link_1
	link_2
	link_3





но ссылки расползаются по всему пространству дива. Если у кого нибудь есть варианты
как решить подобную проблему подскажите плз
    

Ответы

Ответ 1

добавляешь стиль, 

.buttons {
  text-align: center;
}


и твои ссылки выравниваются по центру


Ответ 2

text-align: center ?





	link_1
	link_2
	link_3



Ответ 3

.buttons{
  width: 500px;
  border: 1px solid gray;
  display: flex;
  flex-direction: column;
  align-items: center;
}

	link_1
	link_2
	link_3





Как сделать подобное с помощью Flex.


Ответ 4

ul{
 display:table;
 margin:auto;
}
ul li{
 display:table-cell;
 width:20%;
 text-align:center;
}
 
 
Ссылка №1
 
Ссылка №2
 
Ссылка №3
 
Ссылка №4
 
Ссылка №5





самый простой способ