Как разместить текст на обеих сторонах md-switch?

Question

Мне нужно создать md-переключатель с текстом на обеих сторонах. Я пытался создать его так:

<div class="col-md-2">
   <p style="float: left">CSV Upload</p>
   <md-switch ng-model="ctrl.csvUploadMode">Lat-Long Mode</md-switch>
</div>

Как исправить текст левой стороны, чтобы он идеально совмещался по центру?

Answer 1

, чтобы сделать заголовок точно в центре с помощью float: left, заголовок должен быть точно такой же высоты, что и правая сторона, md-switch, поэтому вам нужно добавить: (стили взяты из md-switch)

margin: 15px 0;
line-height: 28px;
float: left;

Проверьте это https://codepen.io/surya-iitg/pen/LYVxMPp