Since all my <h3>s have a set width and are floated to the right, and the box thing is floated to the right, shouldn’t they be side-by-side?
How do I make them be side-by-side?
Thanks
Since all my <h3>s have a set width and are floated to the right, and the box thing is floated to the right, shouldn’t they be side-by-side?
How do I make them be side-by-side?
Thanks
Are you sure about those floats?
#inner_wrapper h3 {
clear: left; /* clear:left starts each one on a new line */
color: #4E6C23;
float: left;
font-family: "Myriad Pro","Trebuchet MS",sans-serif;
font-size: 20px;
font-weight: bold;
padding: 12px 0 0 13px;
text-shadow: 2px 2px 1px #CCCCCC;
text-transform: uppercase;
width: 400px;
}
A couple of problems there … Firstly, the clear: left on your h3s is also clearing the whole div because the h3s inside it are cleared. But by just floating the h3s, they will naturally sit side by side across the page anyway … so you need to wrap them in a div if you want to contain them in a column.
Thanks, Ralph. I misunderstood “them”.
On a totally different note why are you using all those H3??!?!?
a couple of additional additional points:
hope that helps.