Why won't my labels float right?

Hi, I have labels that I would like to float up or next to the materials div:

http://auroriella.com/edit_product.php?edit=bracelets&item=b3

But I can't figure out a way to make them move up (besides giving them each an absolute position.) I tried giving them a negative margin-top but that made them all appear in the same spot (over lapping).  Anyone know a way to work around this?
FairyBusinessAsked:
Who is Participating?
 
Greg AlexanderConnect With a Mentor Lead DeveloperCommented:
OK, just wrap all your labels a div like this:

<div style="float:left; width:300px;"></div>

Open in new window


Then, you can add a float on the materials div like this:

<div id="materials" style=" float:right;">

Open in new window

0
 
Eternal_StudentCommented:
So you need a 2 column layout. At the minute the only thing with a float is iframe ... everything else will wrap onto a new line, you need to do something like this:


<div style="float:left;width:300px;">
  <iframe>...</iframe>
  <label>...</label>
</div>

<div id="materials" style="float:right;">
  Content here
<div>

Open in new window

0
 
FairyBusinessAuthor Commented:
Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.