Как складывать два класса UL непосредственно друг над другом в середине страницы

Question

Я пытаюсь центрировать оба из них так, что среднее изображение находится прямо в центре, а текст в «nav navbar-nav» - также сосредоточена, а не начинается с слова «BSM».

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav"> 
     <img src="insertimage"> 
    </ul> 
    <ul class="nav navbar-nav"> 
     <li><a href="/">BSM <strong>PROJECT</strong> CONNECT</a></li> 
    </ul> 
</div> 

я имел успех центрирования с левой рентабельностью в CSS 50%, но не имели никакой удачи с г-индекса. Как у меня есть оба объекта прямо в центре страницы с изображением прямо и равномерно поверх слов?

CSS:

div.collapse.navbar-collapse { 
    text-align:left; 
    width: 400px; 
    display: block; 
    margin-left: auto; 
margin-right: auto; 
} 

Answer 1

Как @showdev говорит было бы полезно, чтобы увидеть ваш CSS, попробуйте в установленном ширины родительского контейнера и добавить запас: 0 авто. Также я не вижу смысла использовать Ul с изображением, если этот не находится внутри тега li.

Другие способы, которыми вы также можете использовать text-align: center с родительским элементом.