Inline rating with text

[c0rv4x]

Hi, i have a problem with making html/css for displaying rating start + a text note. like this:

Satisfaction * * * * *

So i need it inline

Here is my current code. labelbox draws a box, very similar to ionic label

        <label class="item item-input">
          <input type="date" placeholder="Date">
        </label>
        <label class="item item-input">
          <input type="time" placeholder="Time">
        </label>

        <div class="labelbox">
          Satisfaction 
          <rating ng-model="rate" max="max"></rating>
       </div>

.labelbox {
    border: 1px solid rgb(215,215,215);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

[c0rv4x]

Solved

<div class="row part1">
  <div class="col col-center">
    <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
      <div class="list list-inset">

        <div class="labelbox">
          <div class="row">
            <div class="col col-50">
              <span class="input-label">'  Satisfaction</span>
            </div>

            <div class="col">
              <rating here>
            </div>
          </div>
        </div>

      </div>

    </div>
  </div>
</div>

[fraserxu]

:+1: