Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara membuat sejajar Div ID
Selamat sore semuanya, Ingin bertanya terkait dengan HTML CSS, Bagaimana mengatasi id box2 yang tidak mau sejajar dengan id box1 meskipun sama-sama sudah diberikan display inline Block? Berikut saya lampirkan codenya:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Belajar HTML dan CSS</title> </head> <style> #box1{ background-color: aqua; width:200px; height:230px;
border-width: 6px;
border-style:solid;
border-color: darkred;
padding:20px;
margin:10px 0px;
overflow-y:scroll;
overflow-x:hidden;
display:inline-block;
}
#box2{
background-color:greenyellow;
width:30%;
height:200px;
border:1px solid red;
margin:10px 0px;
padding: 20px 100px 10px 50px;
display:inline-block;
}
</style>
<body> <div id="box1"> <h1>Kelas Koding</h1> <span>Ini adalah Paragraf</span>
<p id="firstP">Belajar Coding sekarang, untuk masa depan</p>
<span>Ini adalah tag P</span>
<p>lorem ipsum <span>dolor</span> sit amet consectetur adipiscing elit, sed do eiusmod tempor</p>
</div>
<div id="box2">
<div>
<a href="/">Halaman blog</a>
<span>Ini adalah tag A</span>
</div>
<div>
<img src="images/forest-and-computer.png" width="150" alt="Gambar Komputer dari SKODEV">
<span>Ini adalah IMG</span>
</div>
</div>
</body> </html>
Berikut lampiran outputnya, https://ibb.co.com/09Dz44h
Kebetulan saya mau sejajarkan box hijau dengan box biru, adakah caranya? Terima kasih. 🙏
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban