Lewis Winstone

Block Level Buttons

A block level button is a button which spans the entire width of its element.

Example

HTML

<button class="btn-block" type="button">Block Level Button</button>

CSS

.btn-block { width: 100%; background-color: #33cccc; border: 1px solid black; color: black; text-align:center; height: 40px; } .btn-block:hover { background-color: white; }