标签文本重叠单选按钮

Question

仅在iPhone 5上（在所有其他屏幕上看起来很好）我遇到这个标签的文本与单选按钮重叠的问题：

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-3">
    <input type="radio" id="qMCa" value="TextMessage"><label for="qMCa"><span></span>Text Message</label>
</div>

这是label

的css

label {
    display: flex;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

这就是它在iPhone 5上的外观：

如果我将display更改为block标签，我会收到：

文本需要排列，并且它不需要与单选按钮重叠。我一直在关注this thread和this one，但到目前为止还无法确定它。

Answer 1

尝试给出空白：nowrap;通过短信

避免文本被拆分

Answer 2

更改显示属性，试试这个

display: inline;