Here's one way:
form {
display: table;
}
input, label {
display: table-cell;
}
Here's another:
form {
position: relative;
}
label {
position: absolute;
left: 2em;
}
In these examples I'm using the form itself for context
(table/positioning). If this collides with other elements in the form,
consider surrounding your checkbox with an extra div.
Hope this helps,
Jørgen
Am 13.08.13 01:16, schrieb Karl DeSaulniers:
So this check box is in a responsive layout and when the page is
shrunk width wise, the text wraps. This is good, except the text
wraps under the check box. I want it to be flush with the right side
of the check box and not to go under it.
Karl DeSaulniers Design Drumm http://designdrumm.com
On Aug 12, 2013, at 6:14 PM, Karl DeSaulniers wrote:
Sure.. sry.
<input id="terms" type="checkbox" /><label for="terms"> I
wkerjle lkejlweljljgguu poopgpjaljtlek lksskskkjglsl
alkejehhwgkejlwjtj wllkjelkjwljjt llwllwlelwlrjlwkelke
wllkewlkelkjjlkjrtjtjwiiirein pgapogd.</label>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
