2015-08-22 3 views
0

Я пытаюсь показать мои Lī элементы инлайн, но результат likeon изображения: http://prntscr.com/87n6z8Невозможно отобразить встроенные элементы Li

Может кто-нибудь мне помочь?

Это мой HTML и CSS кода:

<footer> 
     <ul class="footer_ul"> 
      <li><a href="#">O nama</a> |</li> 
      <li><a href="#">Kontakt</a> |</li> 
      <li><a href="#">Pitanja i odgovori</a> |</li> 
      <li><a href="#">Video tutorijali</a> |</li> 
      <li><a href="#">Pravila korištenja</a></li> 
     </ul> 
</footer> 


footer{ 
    width:100%; 
    clear:left; 
    float:left; 
    height:auto; 
    background:white; 
} 

.footer_ul{ 
    display:inline; 
    list-style:none; 
    padding:0; 
    float:left; 
    width:100%; 
} 

.footer_ul li{ 
    padding:5px; 
} 

.footer_ul li a{ 
    text-decoration:none; 
} 

Благодарность

+1

Добро пожаловать в SO! Вместо скриншота (который не показывался?) Вы могли бы разместить свой пример на одной из таких сервисов, как jsfiddle или подобный (cssfiddle?), Где можно играть с фактическим кодом. – Felix

+0

@Felix Спасибо, я запомню это :) – CroVG

ответ

0

Вы забыли отдать его <LI>. Он имеет значение по умолчанию display: list-item. Поэтому измените свой код на:

+1

Как я упустил это Танки – CroVG

+0

@CroVG Рад, что это помогло. –

Смежные вопросы