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

Question

[Виталя Орлин]

Честно говоря не понимаю, перепробовал вроде бы уже все.. но нет, не получается.

Пробовал:

text-align: center

<div class="bar" align="center"> </div>

-- -----

display: none;
  background: #FFF;
  border-radius: 0px 0px 2px 2px;
  font-size: 15px; 
  min-width: 150px;
  max-height: 400px;
  color: #000;
  position: relative;
  overflow-x: hidden;
  top:1px;;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);

Блок должен быть расположен по середине, но так, что бы от изменения размера экрана блок не уезжал то на право то на лево.

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/es6zf8dq/