Bagaimana membuat: Tombol (blok) penuh lebar

Belajar bagaimana menggunakan CSS untuk mengatur gaya tombol blok (penuh lebar).

Bagaimana mengatur gaya tombol blok

Langkah pertama - Tambahkan HTML:

<button type="button" class="block">Tombol Blok</button>

Langkah kedua - Tambahkan CSS:

Untuk membuat tombol blok, tambahkan lebar 100% dan jadilah elemen blok:

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

Coba sendiri

Halaman yang berhubungan

Panduan:Tombol CSS