[Webkit-unassigned] [Bug 158344] an inline-block label does a linebreak because width: auto calculates the real width wrong.

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Jun 7 05:03:35 PDT 2016


https://bugs.webkit.org/show_bug.cgi?id=158344

--- Comment #2 from a.raupach at avm.de ---
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;
}

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160607/f2d40580/attachment.html>


More information about the webkit-unassigned mailing list