Inline Elements With Width

To pytanie wydaje się być zadawane przez Internet za darmo, ale wciąż nie mogę znaleźć rozwiązania.

Mam ten pasek nawigacyjny (Przełącza między kartami za pomocą jQuery), który wyświetla się w linii. Pokazuję na nich obraz tła i aby uczynić je bardziej definitywnymi, muszę uczynić je szerszymi i wyższymi.

<div id="tabs">
<ul id="tabs-nav-cont">
    <li class="tabs-navs"><a href="#tabs-1">Nav 1</div></a></li>
    <li class="tabs-navs"><a href="#tabs-2">Nav 2</div></a></li>
    <li class="tabs-navs"><a href="#tabs-3">Nav 3</div></a></li>
    <li class="tabs-navs"><a href="#tabs-4">Nav 4</a></li>
</ul>
</div>

Jedynym sposobem, w jaki mogę to zrobić, jest przywrócenie ich do elementów blokowych. Co nie jest tym, czego chcę, ponieważ wyświetlają się pionowo. Próbowałem więc umieścić divy w kotwicach, aby móc je powiększyć. Jednak wydaje się, że również zmieniają je z powrotem na elementy blokowe.

Jestem zmieszany. Ktoś proszę o pomoc :)

questionAnswers(2)

yourAnswerToTheQuestion