div中的文本未正确对齐

时间:2019-04-04 11:48:18

标签: html css alignment

enter image description here我正在从div类中的db打印客户详细信息, 当我在div中键入内容时,文本会稍微显示在顶部

我的代码

<div class="form-group">
<label class="col-md-3 control-label">Customer Name & Address </label>
 <div class="col-md-3">sasikumar </div>
</div>

我希望输出对齐正确,我不知道这行是什么问题。任何解决方案请

1 个答案:

答案 0 :(得分:0)

请使用以下代码:-

.middle{display:inline-block;vertical-align:middle;margin:0;}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="form-group">
<label class="title middle">Customer Name & Address </label>
 <div class="cls_value middle">sasikumar </div>
</div>