Cześć, mam pewien problem z ułożeniem divów. Chciałbym, aby wszystkie opcje listy oraz "zaloguj się" i "zarejestruj się" były po prawej stronie czarnego tła zamiast po lewej. Próbowałem coś z tym zrobić, ale nie udało mi się. Oczywiście, wiem, że mógłbym dodać po prostu padding po lewej stronie, ale czy istnieje jakaś komenda, która automatycznie przyczepi divy zawierające te opcje do prawej strony?
Poniżej zamieszczam kod html i css:
<nav id="topnav">
<ul class="menuA">
<li><a href="#">AAA</a></li>
<li><a href="#">BBB</a></li>
<li><a href="#">CCC</a></li>
<li><a href="#">DDD</a></li>
<li><a href="#">EEE</a></li>
<li><a href="#">FFF</a></li>
<li><a href="#">GGG</a></li>
</ul>
<div class="menuB">
<a href="#"><div id="zaloguj">Zaloguj się</div></a>
<a href="#"><div id="zarejestruj">Zarejestruj się</div></a>
<div style="clear:both"></div>
</div>
</nav>
#topnav
{
background-color: #191919;
align-items: right;
}
.menuA
{
list-style-type: none;
margin: 0;
padding: 10px;
font-size: 18px;
min-height: 38px;
line-height: 200%;
float:left;
}
.menuA > li
{
display: inline-block;
padding-left: 20px;
padding-right: 20px;
}
.menuA a
{
color: #FFF;
text-decoration: none;
}
.menuA a:hover
{
color: #FFA800;
}
#zaloguj
{
font-family: 'Mukta', sans-serif;
font-weight: 600;
font-size: 15px;
border: 2px solid #FFF;
border-radius: 25px;
border-color: #FF0D0D;
float: left;
padding: 5px;
margin-right: 10px;
}
#zarejestruj
{
font-family: 'Mukta', sans-serif;
font-weight: 600;
font-size: 15px;
border: 2px solid #FFF;
border-radius: 25px;
border-color: #FFAC0D;
float: left;
padding: 5px;
}