I have a challenge where I am attempting to insert content to the right of an unordered list while ensuring it stays aligned to the left of the list (which is floated to the left). Interestingly, when I add paragraphs and images, the alignment works perfectly. However, if I incorporate header tags, it seems to shift all the content to the bottom of the list.
Here is an example:
The unordered list on the left is set to float left.
<div id="vertmenu" style="float: left;">
The styles for the header tags in the style.css file are defined as:
h1, h2, h3, h4, h5, h6 { clear: both; }
.clear { clear: both; }
.clearfix:after {
display: block;
visibility: hidden;
content: ".";
clear: both;
text-indent: -9999px;
height: 0;
}
I appreciate any assistance or guidance on how to resolve this issue. Thank you!