Arkadaşlar merhaba resimin yanına 2 reklam alanı ve onun yanına 2 adet sidebar gibi bir şey yapmam gerekiyor.One-page tasarlayacağım için anasayfayı dolduracağım bunlarla.Tıkladıkça aşağı inecek.Benim sıkıntım şurada bu li içerisindeki yazıları bir türlü yana alamıyorum.
En son hepsini tek div içerisinde denedim div in özelliği inline-block olduğundan yana alır diye düşündüm fakat yine olmadı.Yapıyı şu şekile getirdim en son.Bu yazıları nasıl sağa alırım yan yana resimle aynı hizada ?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Document</title>
</head>
<body>
<div class="navbar">
<ul class="item">
<li class="items"><a href="">Anasayfa</a> </li>
<li class="items"><a href="">İletişim</a></li>
</ul>
</div>
<div class="image">
<img src="x1.jpg" alt="" class="img-1">
<img src="indir.jpg" alt="">
<img src="indir.jpg" alt="">
<ul class="sidebar-item">
<li class="sidebar-items"><a href="">1AAA.</a></li>
<li class="sidebar-items"><a href="">1AAA.</a></li>
<li class="sidebar-items"><a href="">1AAAA.</a></li>
<li class="sidebar-items"><a href="">1AAA.</a></li>
<li class="sidebar-items"><a href="">1AAA.</a></li>
</ul>
<ul class="sidebar2-item">
<li class="sidebar2-items">1AAAAA.</li>
<li class="sidebar2-items">2.AAAA</li>
</ul>
</div>
</body>
</html>