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%!

minta bantuan tentang html gan :)

gan, ini gimana supaya About, Contact,News,Home ini sejajar dengan tag h1 "Testing" gan???

 <!DOCTYPE html>
<body>
  <div class="header">
  <title>Test</title>
  <h1 style="width:50%;">Testing</h1>
  <ul>
    <li><a href="default.asp">Home</a></li>
    <li><a href="news.asp" style="background-color:#80e06d">News</a></li>
    <li><a href="contact.asp" style="background-color:#e8e75c">Contact</a></li>
    <li><a href="about.asp" style="background-color:rgb(96, 208, 219)">About</a></li>
  </ul>
  </div>
</body>

<!-- style -->
<style media="screen">
  *{
    margin: 0;
    padding: 0;
  }
  .header{
    background-color: #5c7470;
    border-bottom: thick solid #73eda8;
    color: white;
    padding: 10px;
    font-family: sans-serif;
    width: 70%;
    margin-left: 5%;
  }
  .menu{
    float: right;
  }
  ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  li{
    float: right;
  }
  li a{
    display: block;
    color: white;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    background-color: rgb(186, 90, 121)
  }
</style>

html

@Dagimal

275 Kontribusi 24 Poin

Diperbarui 8 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

 <!DOCTYPE html>
<body>
  <div class="header">
  <title>Test</title>
  <h1 style="width:20%; float:left;">Testing</h1>
  <ul>
    <li><a href="default.asp">Home</a></li>
    <li><a href="news.asp" style="background-color:#80e06d">News</a></li>
    <li><a href="contact.asp" style="background-color:#e8e75c">Contact</a></li>
    <li><a href="about.asp" style="background-color:rgb(96, 208, 219)">About</a></li>
  </ul>
  </div>
</body>

<!-- style -->
<style media="screen">
  *{
    margin: 0;
    padding: 0;
  }
  .header{
    background-color: #5c7470;
    border-bottom: thick solid #73eda8;
    color: white;
    padding: 10px;
    font-family: sans-serif;
    width: 70%;
    margin-left: 5%;
  }
  .menu{
    float: right;
  }
  ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 80%;
  }
  li{
    float: right;
  }
  li a{
    display: block;
    color: white;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    background-color: rgb(186, 90, 121)
  }
</style>

ini gan, tinggal tambahin float:left di h1 nya

@ahnafhf21

107 Kontribusi 66 Poin

Dipost 8 tahun yang lalu

makasih banget gan, work ! :)