Hej no nie mam pojecia jak przesunąć obraz aby znalazł się obok listy rozwijanej z linkami czyli to xxx1,xxx2,xxx3
titlehttps://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;
}