Список элементов укладки при создании гиперссылки

Question

У меня есть 2 группы кода и довольно простой вопрос для большинства людей, тем не менее, вопрос.

Существует этот кусок кода готовый с рабочим Css implemantation:

<div class="subTopHolder"> 
    <ul class="language"> 
      <li><a href="#" title="Türkçe">TR</a></li> 
      <li>EN</li> 
     </ul> 

И это ломает, как только я включаю EN в гиперссылку. Результирующий код:

<div class="subTopHolder"> 
    <ul class="language"> 
      <li><a href="#" title="Türkçe">TR</a></li> 
      <li><a href="#" title="English">EN</a></li> 
     </ul> 

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

Сопровождающие код КСС:

div.subTopHolder 
{ 
    width:1002px; 
    height:201px; 
    margin:auto auto; 
    padding:0 12px; 
    position:relative; 
    overflow:hidden; 
    background:url(../images/bck-bannerHolder.jpg) no-repeat center top; 
} 

ul.language 
{ 
    float:right; 
    clear:left; 
    padding:2px 0; 
    margin-bottom:4px; 
    cursor:default; 

} 
ul.language li 
{ 
    display:inline; 
    background:#f8c180; 
    padding:2px 4px; 
    font-size:10px; 
    cursor:default; 
    text-shadow:0 1px white; 
    border-radius:2px; 
} 
ul.language li a 
{ 
    font-size:10px; 
    display:block-inline; 
    background:#fff; 
    color:#000; 
    text-decoration:none; 
    margin:-2px -4px; 
    padding:2px 4px; 
    border-radius:2px; 


    transition:all .5s; 
    -moz-transition:all .5s; 
    -webkit-transition:all .5s; 
} 
ul.language li a:hover 
{ 
    box-shadow:1px 1px 8px 0px black; 

Answer 1

набор ul.language литий для отображения: встроенный блок или плавать: слева

ul.language li 
{ 
// with ie hack 
    display:inline; 
    float : left; 
    zoom : 1; 
} 

or 

ul.language li 
{ 
    *display : inline; 
    zoom  : 1; 
    display:inline-block; 
} 

Answer 2

Это должно быть

<a href="#" title="English">English</a> 

Answer 3

Есть две вещи неправильные здесь:

1. Во-первых, ваш синтаксис html нарушен. Правильно формируется ссылка должна быть:

   <a href="#" title="English">EN</a> 
   

2. Вы применили неправильный стиль ul.language li. Вместо display: inline; введите display: inline-block;.