Is there a way to align all text boxes in a single row that works properly in both IE and Chrome browsers?
IE 11 display:
https://i.sstatic.net/wGITo.png
Chrome display: https://i.sstatic.net/jXs0r.png
Textboxes are not aligned properly as shown below: [ | ] OR [ |]
HTML code snippet:
<div class="jumbotron jumbotron-fluid">
<div class="container">
<form #myform="ngForm" (ngSubmit)="submit(myform)" class="form-form-submit">
<div class="row">
<div class="form-group">
<label for="form_dob" class="control-label font-weight-bold">First Name *</label>
<input type="text" name="fname">
</div>
<div class="form-group">
<label for="form_ssn" class="control-label font-weight-bold">Last Name *</label>
<input type="text" name="Lname">
</div>
<span>
<div class="col-md-2 col-sm-4">
<div class="line">|</div>
<div>OR</div>
<div class="line">|</div>
</div>
</span>
<div class="form-group">
<label for="form_ssn" class="control-label font-weight-bold">Code *</label>
<input type="text" name="Cname">
</div>
<div class="form-group" style="padding-top: 30px;">
<input type="submit" class="btn btn-primary" value="Submit" [disabled]="saving">
</div>
</div>
</form>
</div>
</div>