1

この2つの要素が同じ行に浮かぶようにしようとして夢中になっています<header>

<header>
    <h1>Hernan esta con vos</h1>
    <nav>
        <ul class="navigation-list">
            <li><a href="#">Nuestra firma</a></li>
            <li><i class="icon-ellipsis-vertical"></i></li>
            <li><a href="#">Que podemos hacer por vos</a></li>
            <li><i class="icon-ellipsis-vertical"></i></li>
            <li><a href="#">Comunicate con nosotros</a></li>
        </ul>
    </nav>
</header>

そして、これは私のcssです

header
{
    display: block;
    width: 90%;
    margin: 0em auto;
    padding: 1em;
    text-transform: uppercase;
    overflow: auto;
}

header h1
{
    float: left;
}

header nav
{
    float: left;
}

.navigation-list
{
    margin: 0em;
    padding: 0em;
    list-style: none;
    text-align: center;  
}

.navigation-list li
{
    display: inline-block;
    letter-spacing: 0.10em;
    padding: 0em 0.25em;
}

誰かがそれを達成するのを手伝ってくれますか?

よろしくお願いします。乾杯。

4

1 に答える 1

0

nav と h1 を左に浮かせているようです。あなたの要素はNAVの中にあります。

試す 

 nav {
   float:right
   display:inline-block
   width:75%
   position:relative

   }     

nav ul li {
display:inline;
}
于 2013-09-03T15:30:28.140 に答える