javascript - 如何在md-switch的两侧放置文本？

Question

我需要创建一个两侧都有文本的 md-switch。 我尝试像这样创建它:

<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 的中心:左侧，标题应该与右侧、md-switch 具有完全相同的高度，因此您需要添加: (取自 md-switch 的样式)

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

检查这个https://codepen.io/surya-iitg/pen/LYVxMPp