Проблема со списком тегов <li>внутри фиксированной ширины UL

Question

У меня небольшая проблема со списком тегов в блоге WordPress!

Мой список тегов содержится в фиксированной ширине UL.

Я бы хотел избежать переноса слов, как для тега "Human Resources" ...

Я бы предпочел, чтобы весь тег помещался во второй строке.

Я использую функцию the_tags следующим образом:

<?php the_tags('<ul id="my-tags"><li class="cute-tag">','</li><li class="cute-tag">','</li></ul>'); ?>

Мой Css

#my-tags{
margin:0;
width:350px;
float:left;
}

#my-tags li {
display: inline;
font-family: Verdana, Arial,sans-serif;
text-transform:uppercase;
font-size: 10px;
margin-right:5px;
font-weight:600;
padding:4px;
background:#2d0e0f;
list-style-type: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#my-tags li  a{
color:#FFFFFF;
text-transform:uppercase;
font-weight:100;
font-style: normal;
}

#my-tags li  a:hover{
text-decoration:none;
}

Заранее спасибо за ваше время.

Приветствия

Jk_

Answer 1

Вы можете остановить упаковку тегов, используя правило white-space css:

#my-tags li {
    ...
    white-space:nowrap;
}

Обновление: Я не вижу причин, по которым вышеперечисленное не будет работать,но вы пробовали применить то же самое к якору вместо этого?

#my-tags li a {
    ...
    white-space:nowrap;
}

Answer 2

Ваша проблема начинается с определениями CSS из списка.

Я настроил исправленную скрипку для вас: http://jsfiddle.net/tobiasmay/72q9n/

после того, как вы их исправили, безупречность должна работать.