Фиксация моей навигационной панели

Я работаю над навигационной панелью, и у меня проблема. Это мой текущий output. Я плаваю группой справа направо, но хочу, чтобы все было в одной строке. Как мне это сделать?Фиксация моей навигационной панели

nav { 
margin: 0px 10%; 
} 
#floatedright { 
float: right; 
} 
#floatedright > li { 
float: left; 
} 
</style> 
<body> 
<section id="headercontainer"> 
    <nav> 
    <ul> 
     <li><a href="#">PiercaNrla</a></li> 
     <section id="floatedright"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Events</a></li> 
      <li><a href="#">Contact</a></li>

источник

2016-03-23 Oliver Ullman

Вы пытаетесь получить что-то вроде этого?

<body> 
    <style> 
    nav { 
     margin: 0px 10%; 
    } 

    #floatedright { 
     float: right; 
    } 

    #headercontainer ul li { 
     display: inline-block; 
    } 
    </style> 
    <section id="headercontainer"> 
    <nav> 
     <ul> 
     <li><a href="#">PiercaNrla</a></li> 
     <section id="floatedright"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Events</a></li> 
      <li><a href="#">Contact</a></li> 
     </section> 
     </ul> 
    </nav> 
    </section> 
</body>

Я принял ваш фрагмент кода и попытался собрать его вместе, так как есть некоторые отсутствующие закрывающие теги. Надеюсь, я правильно понял. Если вы предоставите весь код, я могу быть более полезным.

источник

2016-03-23 03:18:26 ellitt

Это сработало, спасибо! –

Отлично! Если вы пойдете дальше и примите ответ, мы сможем его разрешить. – ellitt

Фиксация моей навигационной панели

ответ

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