I am trying to align some checkboxes to the right of the text describing the checkbox options. Since the choices are of various lengths, I have to do something extra to get the checkboxes to line up. Here is what I tried as an experiment:
<span class="check_box">check box</span>
The way I understand the box model, <div>'s create 'block boxes', and block boxes are stacked on top of each other. On the other hand <span>'s create inline boxes which flow from left to right, one after the other.
So, it seems like I should be able to assign a width to the <div>, of say 100px, and keep the first <span> on the left(it is by default), and move the second <span> all the way to the right of the containing <div>. However, I can't figure out how to do that.
How do I do that, or should I be taking another approach to line up the checkboxes?