Please forgive me if my question seems a little straight forward, I'm new to css:
I currently have a content block that contains a H3. I have applied a border-bottom to the H3 to mimic a horizontal rule. The page also contains an image that has been floated to the right.
The problem is that the border applied to the H3 is passing through the floated image and appearing on the other side!
Is there any way I can force the border to stop when it encounters the image?
Thanks in advance
Can you show us the page?
Hi bonrouge, Here is the
Here is the page:
Try putting a margin-right
Try putting a margin-right on the h3 (maybe about 30px).
This should stop it going all the way to the right.
I thought about doing this but there will be further instances in the page where I will use H3 and want it to extend the full width of the content.
So give that particular h3
So give that particular h3 an id and give it a margin-right (i.e. not giving a right margin to all h3s - just that one).