Styling buttons

by jshacker

HTML

<button>button</button>
<button type="submit">submit</button>
<button type="menu">menu</button>
<button type="reset">reset</button>

<input type="button" value="input-button" />
<input type="submit" value="input-submit" />
<input type="menu" value="input-menu" />
<input type="reset" value="input-reset" />

CSS

button,
input {
  display: block;
  margin: 10px;
  padding: 10px 15px;
  /* border-radius: 8px; */ /* as soon as you touch border, you need to touch all realated values now for hove, active, etc.*/
}