html - CSS:希望文本在同一行

Question

HTML

<div class="form-group">
   <label class="col-lg-2 control-label">Person Name </label>
   <div class="col-lg-10">
     <input type="text" class="form-control" placeholder="Enter Person Name ">
  </div>
</div>

<div class="form-group">
   <label class="col-lg-2 control-label">Event Title </label>
   <div class="col-lg-10">
     <input type="text" class="form-control" placeholder="Enter Person Name ">
  </div>
</div>

Person Name 和Event Title，两者的字符数相同，都是11。但是当我在我的网页上看到时仍然如此。我得到 Person Name ，分成两行。

这是相同的图片。

谢谢。

Answer 1

像这样更新:

<label class="col-lg-3 control-label">Person Name </label>
<div class="col-lg-9">