Как разместить ul по центру?

Question

[SideWest]

Очень долго мучаюсь, удалось добиться нужного вида элементов, но как их теперь поместить в центр?

Пробовал менять ширину, но тогда рамки растягиваются на весь экран, с лева направо

$('li').css( {
    border: '2px dotted #dedede',
    heigh: '100%',
    width: '25%',
    backgroundColor: '#9EDFD2',
    borderRadius: '5px',
    padding: '7px',
    margin: '6px 0'
  });

Answer 1

[Andrew]

Забавно видеть такой синтаксис в jQ

#1
$('ul').css( {
display: 'flex',
flexDirection: 'column',
alignItems: 'center'
  });
#2
$('ul').css( {
textAlign: 'center',
margin: '0 auto'
  });

Comments

[SideWest]

Огромное спасибо!
Пожалуйста, подскажите что не так с синтаксисом, как следует писать?

[Andrew]

SideWest, в css стили пишутся, css in js через jQ, сильно конечно)

[SideWest]

Andrew, я просто из node js пришёл, второй день вот))

[Andrew]

SideWest, разметка в html, стили в .css, скрипты в .js .
Земля к земле, прах к праху))

[SideWest]

Andrew, а jQuery куда?

[Andrew]

SideWest, в мусорку .js