CSS Butoane. Grupuri de butoane. Grup de butoane mărginite. Proprietatea border. Grup vertical de butoane.

Grupuri de butoane (Button Groups)

Eliminați marginile și adăugați float:left la fiecare buton pentru a crea un grup de butoane:



Exemplu:

.button {
  float: left;
}

Grup de butoane mărginite (Bordered Button Group)

Utilizați proprietatea border pentru a crea un grup de butoane mărginite (bordered button group):

Exemplu:

.button {
  float: left;
  border: 1px solid green;
}

Grup vertical de butoane (Vertical Button Group)

Utilizați display:block în loc de float:left pentru a grupa butoanele unul sub altul, în loc de alături:



Exemplu:

.button {
  display: block;
}