Я хотел бы сделать текст слева и справа от кнопки переключения, как показано на рисунке ниже. Как решить эту проблему?
КОД
<div class="m-form__group form-group row">
<label class="col-4 col-form-label">Switch yes/no</label>
<div class="col-8">
<span class="m-switch m-switch--outline m-switch--icon m-switch--success">
<label>
<input type="checkbox" checked="checked" name="">
<span></span>
<small>On</small>
</label>
</span>
</div>
</div>