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

Question

body{
    margin: 0 auto;
}

.logo_mess{
    display: flex;
    justify-content: center;    
}

.logo_mess ul{
    list-style: none;
}

.logo_mess ul li{
    display: inline-block;  
}

<body>

       <div class="logo_mess">
            <ul>
                <li><a href="#" class="">asd</a></li>
                <li><a href="#" class="">asd</a></li>
                <li><a href="#" class="">asd</a></li>
                <li><a href="#" class="">asd</a></li>
                <li><a href="#" class="">asd</a></li>
            </ul>
        </div>

</body>

Причем при полном развернутом экране такой проблемы не наблюдается.

Answer 1

Решение оказалось очень простое, установите magin и padding 0.Некоторые браузеры используют отступы (Mozilla, Netscape, Safari), а другие используют поля (Internet Explorer, Opera) для установки величины отступа.

body {
  margin: 0 auto;
}

.logo_mess {
  display: flex;
  justify-content: center;
}

.logo_mess ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.logo_mess ul li {
  display: inline-block;
}

<body>

  <div class="logo_mess">
    <ul>
      <li><a href="#" class="">asd</a></li>
      <li><a href="#" class="">asd</a></li>
      <li><a href="#" class="">asd</a></li>
      <li><a href="#" class="">asd</a></li>
      <li><a href="#" class="">asd</a></li>
    </ul>
  </div>

</body>

БЛОГ НА HUSL

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

Ответы (1 шт):