input checkbox与label的文字的对齐

首先看一下代码结构：

<p class="needitem">

<input id="orgcode" type="checkbox" name="orgnizationreq" value="1" ><label for="orgcode">组织机构代码</label>

</p>

示例图

从示例图看出没有对齐，使用   vertical-align: middle;  之后也没有解决对齐的问题；

那这时候该怎么办呢？

请看最终解决办法：

.needitem input[type=checkbox]{
　　display: inline-block;
　　vertical-align: middle;
　　margin-bottom: 2px;
}

希望对大家有所帮助

转载于:https://www.cnblogs.com/anymoredo/p/4980009.html