Simple bullets HTML / CSS block

SmugN00b

I need to add a HTML block with bullets.

Now I undertsand the whole ul/li structure, but what CSS class can I call that will directly reference styles in use for heading? (ie. h1, h2, normal text, etc.?)

Thanks

Hikin' Mike

I don't understand your question. If you want bullets using <h1> tages, text then you use something like this:

<ul>
	<li><h1>Header Here</h1></li>
	<ul>
		<li><h2>Sub Header Here</h2>
			<ul>
				<li>Text Here</li>
				<li>More Text Here</li>
				<li>Even More Text Here</li>
			</ul>
		</li>	
	</ul>		
	<ul>
		<li><h2>Another Sub Header Here</h2>
			<ul>
				<li>Text Here</li>
				<li>More Text Here</li>
				<li>Even More Text Here</li>
			</ul>
		</li>	
	</ul>		
</ul>

If that isn't your question, please post more info.

Allen

You can manually add bullets right in with the text.
•
&#8226;

I find it easier to add a div and use margin-left for indent rather then a list.
<div style="margin-left: 10px;">
&#8226; text
&#8226; text
</div>

<div style="margin-left: 10px;">
• text
• text
</div>

The only problem is the wrapping of long lines to the bullet and not extra indent to the "text" like a list would do.

SmugN00b

Thanks everyone, I used Hikin' Mike code along with a CSS tweak (since the bullets didn't show without it) :

ul {
list-style: outside;
margin-left: 24px;
padding: 5px 0;
}

ChancyRat

Yes, I believe SM's version of HTML doesn't allow lists without CSS.