Cara - Tombol Lebar Penuh (Blokir)
Pelajari cara menata tombol blok (lebar penuh) dengan CSS.
Cara Menata Tombol Blok
Langkah 1) Tambahkan HTML:
Contoh
<button
type="button" class="block">Block Button</button>
Langkah 2) Tambahkan CSS:
Untuk membuat tombol dengan lebar penuh, tambahkan lebar 100% dan buat menjadi elemen blok:
Contoh
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Buka Tutorial Tombol CSS kami untuk mempelajari lebih lanjut tentang cara menata tombol.