[HTML & CSS] Elementy listy w tym samym wierszu

Dla specjalistów Webmastering
#1

Witam.

Tak jak w pytaniu; chciałbym się dowiedzieć jak umiejscowić parę elementów listy w tym samym rzędzie.

Może wie ktoś również jak przerobić poniższy kod, aby tak się stało? (elementy listy były w tej samej linii)

HTML:

Strona główna

Nr 2

Nr 3

[/code] CSS:

[code]#pasek { background-color: #4169E1; width: 28cm; height: 1cm; margin-top: 2cm; } #nr1 { width: 140px; height: 20px; padding-top: 8px; margin-top: 2px; padding-left: 15px; border: 1px solid black; } #nr1:hover { background-color: white; } #nr2 { padding-left: 5cm; padding-down: 2cm; width: 5cm; height: 2cm; } #nr3 { padding-left: 10cm; } #nr1, #nr2, #nr3 { font-family: ‘Open Sans’; font-weight: bold; }

Proszę o szybką odpowiedź.

Dziękuję i pozdrawiam :slight_smile:

#2

dodatkowy styl:

li{

display:inline;

 }

oraz poprawki:

  • Strona główna
  • Nr 2
  • Nr 3
    [/code]

tag

a nie

i po co te divy ?

#3
#4

Dzięki wielkie!

Użyłem metody z wywaleniem div’ów i nadaniem elementom listy identyfikatorów, jednak wierzę na słowo, że to nie jedyny poprawny sposób.

Style “display:inline;” i “display:inline-block;” działają znakomicie.

Męczyłem się z tym problemem sporo czasu.

Jeszcze raz dziękuję!