html - div 中的文本没有正确对齐

Question

在此处输入图像描述我正在从 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>

我希望输出正确对齐，我不知道这条线有什么问题。请有任何解决方案

标签： htmlcssalignment

Answer 1

请使用像这样的代码： -

.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>