Membuat button di sebelah kiri dan kanan

hallo!gimana caranya memindahkan posisi button berada di sebelah kiri dan kanan..

<div id="button">
        <a class="button_waterpump" href="#">Water Pump On</a>
        <a class="button_waterpump" href="#">Water Pump Off</a>

        <a class="button_airpump" href="#">Air Pump On</a>
        <a class="button_airpump" href="#">Air Pump Off</a>
      </div>

css

#button {
  background-color: #34495e;
  width: 100%;
  padding: 5px 0 10px 0;
}
#button a{
  text-decoration: none;
  color: #ecf0f1;
  background-color: #16a085;
  width: 100px;
  padding: 5px 10px;
  margin:5px;
}

mohon di koreksi ya kalo ada codenya yang salah terimakasih

avatar kresnaadii
@kresnaadii

11 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

7 Jawaban:

coba button yang air pump on/of nya dibungkus di dalam tag <ul> terus css <ul> dikasi float:right <ul>

<ul>
  <a class="button_airpump" href="#">Air Pump On</a>
  <a class="button_airpump" href="#">Air Pump Off</a>
</ul>

avatar arepsv
@arepsv

100 Kontribusi 64 Poin

Dipost 7 tahun yang lalu

   <div id="button">
        <a class="button_waterpump" href="#">Water Pump On</a>
        <a class="button_waterpump" href="#">Water Pump Off</a>

        <span style="float: right">
        <a class="button_airpump" href="#">Air Pump On</a>
        <a class="button_airpump" href="#">Air Pump Off</a>
        </span>
   </div>

avatar QaiserLab
@QaiserLab

366 Kontribusi 390 Poin

Dipost 7 tahun yang lalu

masih belum bisa gan..

avatar kresnaadii
@kresnaadii

11 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

coba gini gan :D

<style media="screen">
  .button{
    width: 100%;
    height: 50px;
  }
  .left{
    float: left;
    display: block;
  }
  .right{
    float: right;
    display: block;
  }
.button ul a{
  padding: 10px;
  background: rgb(116, 181, 12);
  color: white;
}
</style>
<div class="button">
  <ul class="left">
    <a href="#">button 1 kiri</a>
    <a href="#">button 2 kiri</a>
  </ul>
  <ul class="right">
    <a href="#">button 1 kanan</a>
    <a href="#">button 2 kanan</a>
  </ul>
</div>

avatar arepsv
@arepsv

100 Kontribusi 64 Poin

Dipost 7 tahun yang lalu

berhasil.. makasih gan @arepsv dan semuanya yg ngasih saran

avatar kresnaadii
@kresnaadii

11 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

Contoh Embed Subscribe Youtube Channel

(URLKAMU) EX : https://www.youtube.com/channel/ >UCNfLa8GoyGKYrC8WjdEt9VQ<

Semoga bermanfaat :D

avatar harunkw98
@harunkw98

1 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

kalau untuk menenpatkan posisi button di naikan ke atas gimana ya ??

avatar Agpal
@Agpal

1 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban