Hej no nie mam pojecia jak przesunąć obraz aby znalazł się obok listy rozwijanej z linkami czyli to xxx1,xxx2,xxx3
https://www.fotosik.pl/zdjecie/pelne/8f882b64c5b9b56d
Oto kod html:
<nav>
<ul>
<li><a href="index.php">xxx1</a></li>
<li><a href="bzik.php">xxx2</a></li>
<li><a href="love.php">xxx3</a></li>
</ul>
</nav>
<br>
<div class="obraz"><img src="xxx.jpg"></div>
h1 {
text-align: center;
font-size: 32px;
}
a {
text-align: center;
font-size: 24px;
}
.obraz
{
text-align: center;
}
#naglowek1{
color: brown;
}
#naglowek2 {
color: blue;
}
#naglowek3 {
color: red;
}
.link {
text-align: center;
}
nav
{
width: 200px;
background-color: #303030;
font-size: 18px;
line-height:200%;
border-radius: 6px;
display:block;
}
nav ul{
list-style-type:none;
padding:10px;
background-color:#D3D3D3;
border-left: 5px solid #303030;
display:block;
}
nav ul li{
text-align:center;
display:block;
}
nav ul li a{
text-decoration:none;
color:black;
display:block;
}
nav ul li:hover{
background-color:#F36742;
}
nav ul li:active{
background-color:#1F272B;
}
nav ul li a:active{
color:#FFFFFF;
}