<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - an inline-block label does a linebreak because width: auto calculates the real width wrong."
href="https://bugs.webkit.org/show_bug.cgi?id=158344#c2">Comment # 2</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - an inline-block label does a linebreak because width: auto calculates the real width wrong."
href="https://bugs.webkit.org/show_bug.cgi?id=158344">bug 158344</a>
from <span class="vcard"><a class="email" href="mailto:a.raupach@avm.de" title="a.raupach@avm.de">a.raupach@avm.de</a>
</span></b>
<pre>Here is the HTML:
<div><input type="radio" id="uiSwitchtimer_sun_calendar" value="sun_calendar" name="switchtimer"><label for="uiSwitchtimer_sun_calendar">Astronomisch</label></div>
And the CSS:
label {
margin: 0.0625rem 0;
display: inline-block;
box-sizing: border-box;
}
.formular label {
width: 12.5rem;
margin-right: 0.375rem;
margin-left: 0.5rem;
max-width: 100%;
}
.formular input+label {
width: auto;
max-width: 91%;
vertical-align: top;
}</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>