so here's what I have in my css:


li {
list-style: circle;
list-style-position: inside;
}

and here is the page in question:

http://portfolio.sol-martin.com/frysinc/

My problem is under the primary purpose section. How do I make it so that it will push over the second line instead of going under the bullet?

Also, how do I change the font in the bullets to match the site font and size?

Thanks

I would use <ol> instead of <dl> for your list:

<ol class="ol">
<li>text here</li>
<li>text here</li>
<li>text here</li>
<li>text here</li>
</ol>

There should be a little bit of a margin if you use <ol>

You can change the font (or image) through css:

.ol {
font-size:11px;
list-style-image: url("square.gif);
}

I would use <ol> instead of <dl> for your list

Perhaps a <ul> would be best suited (seeing as the list has no logical reason to be ordered).

By the way, evalopez, <dl>s can't contain <li>s, so you'll have to use either <ol> or <ul> anyways.