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%!
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
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>
<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>
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>
berhasil.. makasih gan @arepsv dan semuanya yg ngasih saran
Contoh Embed Subscribe Youtube Channel
(URLKAMU) EX : https://www.youtube.com/channel/ >UCNfLa8GoyGKYrC8WjdEt9VQ<
Semoga bermanfaat :D
kalau untuk menenpatkan posisi button di naikan ke atas gimana ya ??