Bagaimana untuk membuat: butang (block) penuh lebar

Belajar bagaimana untuk menggunakan CSS untuk menetapkan gaya butang block (penuh lebar).

Bagaimana untuk menetapkan gaya butang block

Kesemuanya - Tambahkan HTML:

<button type="button" class="block">Butang Block</button>

Kesemuanya - Tambahkan CSS:

Untuk membuat butang block, tambahkan lebar 100% dan jadilah elemen block:

.block {
  display: block;
  width: 100%;
  border: tak ada;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  kursor: merujuk;
  text-align: tengah;
}

Coba sendiri

Halaman yang relevan

Panduan:Tombol CSS