cp_vertical_align

cp_vertical_align

by bryiantan

HTML

<div id='content'>
	<div class='row'>
		<span class='label'>Alerts</span>
		<div class='checkbox'>
			<div class='checkbox_inner'></div>
		</div>
    <span class='label checkbox_label'>
         <input class="checkbox" type="checkbox" /> Enable Email Alerts
    </span>
	</div>
</div>

CSS

body
{
	color: white;
	margin: 0;
	font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
}

#content
{
	width: 100%;
	height: calc(100% - 48px);
	background: linear-gradient(180deg, rgb(30,40,45), black);
	color: rgb(150,155,160);
	position: absolute;
}

.inline_textbox
{
	display: inline-block;
}

.row
{
	margin: 8px 0;
  border:1px solid red;
}

.row:after
{
	clear: both;
}

.label
{
	width: 200px;
	display: inline-block;
}

.checkbox
{
	display: inline-block;
	border-radius: 2px;
	border: 1px solid rgb(80,100,120);
	transition: border-color 0.3s;
	cursor: pointer;
    padding: 0;
  margin:0;
   vertical-align: top;
}