Aufklebertext überlappende Optionsfeld

Question

nur auf einem iPhone 5 (auf allen anderen Bildschirmen dies sieht gut aus) Ich habe Probleme mit dem Text dieses Label überlappend auf das Optionsfeld:

<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> 

Und hier ist die CSS für label

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

Dies ist, wie es auf dem iPhone 5 sieht:

Wenn ich display-block für das Label ändern, bekomme ich diese:

Der Text aufreihen muss, und es muss nicht auf das Optionsfeld überlappen. Ich habe this thread und betrachtet, aber bis jetzt war es nicht in der Lage, es zu nageln.

Answer 1

Versuchen Leerzeichen geben: nowrap; um zu vermeiden, dass der Text aufgeteilt wird, für diese Zeitspanne nach Textnachricht

Answer 2

ändern Anzeigeeigenschaft, versuchen Sie diese

display: inline;