Danusorn Danusorn - 7 months ago 21
HTML Question

html tags in the same line do not work

In my html i have two input tags and i want them on the same line, after i search and try more code.

It doesn't change anything, what wrong is my code?

<div class="form-group">
<label class="col-lg-3 control-label">Meaning:</label>
<div class="col-lg-8">
<div class="">
<div class="lnw">
<span class="inline">
<input class="form-control" type="text" name="meaning[]" id="meaning " style="float: right">
<input type="image" src="/images/pjdict/plus.png" alt="Submit" width="48" height="48" class="add_field_button">
</span>
<br>
</div>
</div>
</div>
</div>

Answer

You have give some width for input["type="text"] or input["type="image"] like below:

Otherwise you cad custom class in form-control class and replease this class to .form-control

See Bootply link

.form-control {
  float: left !important;
  width: 90%;
}
.add_field_button {
  float: right;
  text-align: center;
  width: 10%;
}