Hi all,
I’m experiencing a peculiar problem.
I have a right floating div which holds some Web 2.0 type buttons. I’ve managed to get the paragraphs (text in <p> tags) to wrap round the left of it nicely but nothing will cause a h2 header (<h2>) to do the same. All instances of h2’s only appear right at the bottom of the aforementioned right floated div.
The same happens in all major browsers.
Just what gives? Any ideas anyone?
Here’s the CSS I’m using:
#share-container-vertical {
float: right;
width: 55px;
margin: 0px 0px 15px 23px;
padding: 6px 4px 0px 4px;
border: solid #00A3CB 1px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; clear: both;}
h2 {
color: #191919;
font-size: 26px;
text-transform: uppercase;
margin-bottom: 20px;
}
p {
line-height: 22px;
font-size: 14px;
font-weight: normal;
text-transform: none;
}
Many thanks,