Sprich beides in einer Zeile nebeneinander?
Dazu müsste man auch den Quellcode sehen, denn anhand des Screenshot lässt sich dazu nichts konkretes sagen.
<nav>
<ul>
<li class="JonSoftware"><a href="index.html"><img src="jonsoftware.png"></a></li>
<li class="Programmierung"><a href="index2.html"><h2>Programmierung</h2></a></li>
<li class="Hardware"><a href="index3.html"><h2>Hardware</h2></a></li>
<li class="Kontakt"><a href="index4.html"><h2>Kontakt</h2></a></li>
</ul>
</nav>nav{
background-color: #363636;
padding: 40px;
}
nav ul{
text-align: center;
margin: 0px auto;
max-width: 1160px;
}
nav li{
display: inline;
list-style: none;
}
nav li h2{
display: inline;
color: #ffff;
font-size: 12px;
text-transform: uppercase;
}
nav li h2:hover{
color: #DA4453;
}
nav ul li{
margin-left: 20px;
margin-right: 20px;
}
.JonSoftware{
float: left;
position: relative;
height: auto;
max-width: 100%;
display: flex;
flex-direction: row;
}nav{
...
}
nav ul{
...
display: flex; /* added by SpiceLab */
align-items: center; /* added by SpiceLab */
}
nav li{
/*display: inline;*/ /* disabled by SpiceLab */
...
}
nav li h2{
/*display: inline;*/ /* disabled by SpiceLab */
...
}
nav li h2:hover{
...
}
nav li img { /* added by SpiceLab */
vertical-align: middle;
}
nav ul li{
...
}
