CODEWITHSUNDEEP
css
Tom
Tom

Reputation: 2634

float label under form element

Trying to have the label.error to show under the select element. I keep trying a bunch of things with float but I'm obviously missing the point.

Here is the fiddle http://jsfiddle.net/ALUQB/5/ Press the "Change timezone" button and see it shows inline. I want it underneath the select.

Upvotes: 1

Views: 272

Answers (2)

Alex
Alex

Reputation: 35407

Below is a possible solution (notice the extra div element):

http://jsfiddle.net/ALUQB/7/

Adjust the left and bottom properties as needed

Upvotes: 3

SpoonNZ
SpoonNZ

Reputation: 3829

Something like http://jsfiddle.net/ALUQB/8/ will work, but if there's another item after it this will cause issues. Fine for the fiddle, at least.

All I've done is absolutely positioned it, banked left, and with a top margin to nudge it down a bit.

Edit: Beaten to the punchline by a few seconds. Either of these solutions will work, neither is particularly ideal/flexible.

Upvotes: 0

Related Questions