Как выровнять div в том же ряду в угловых 5, используя классы начальной загрузки

Question

// здесь поле ввода с меткой "WLC Name", которое я хочу выровнять в той же строке.

        <div class="form-group row">
            <label class="col-md-2 col-form-label text-right">WLC Name</label>
           <div class="col-lg-2 col-sm-11">
          <input type="text"value="BSNL-WLCXXX" class="form-control" formControlName="wlc_name"                                            id="wlc_name" #wlcname>

// I want to put below div in the same row, but it is not coming.
    <div>    
      <app-right-tooltip [toolTipText]="getToolTipText('system_basic_wlc_name')"></app-right-tooltip>
     </div>
    </div>

// html-код для тега: app-right-tooltip

  <div>
        <span class="glyphicon glyphicon-question-sign blue" style="font-size: 15px " aria-hidden="true" [popover]="getData()"
              popoverPlacement="right"
              [popoverOnHover]="false"
              [popoverCloseOnMouseOutside]="false">
        </span>
  </div>

снимок

Answer 1

Вам нужно плавать app-right-tooltip

<app-right-tooltip style="float:right"></app-right-tooltip>

В противном случае вам понадобится какая-то структура, чтобы обернуть этот компонент

<div class="row">
    <div class="md-2">...</div>
    <div class="md-10"><app-right-tooltip /></div>
</div>

Answer 2

Попробуйте это CSS

.exampleClass {
   dispaly: inline-block;
}

HTML

<div class="exampleClass">    
  <app-right-tooltip [toolTipText]="getToolTipText('system_basic_wlc_name')"></app-right-tooltip>
 </div>