Take a look at my secondary navigation (the left nav) at localwebstudio.com/faqs. I'm looking to get a similar effect. Each link has two text styles - one styled with an <a> tag and the other styled with an <h5> tag.

This doesn't validate because I can't have a block element (h5) inside of the inline element (a).

I like how it works now... I just want to get it to validate. Can anyone think of the best way to accomplish this?

Thanks for the help,

Todd Allison

You could change <h5> to a span tag. And simply add the same elements to this.

Add this into your CSS

.navspan {
	color: #363B74;
	font-size: 1em;
	margin: 0px;
	padding: 5px 5px 0px 8px;

And replace all the <h5>'s inside the 'a' tag with this:

<span class="navspan">Your link text here</span>

This also validates.

there's no reason for them to be <h5> s anyways -maybe these "Web Presence" could be headings - say h2 or h3 but not the links

Thanks Gilligan - that worked.

I stayed away from using spans because I would still have to use a <br /> to get the effect. For some reason I thought <br> tags within an <a> tag still wouldn't validate - but they do.

Now to fix everything.

Todd

the simplest way is to put the <a>nchors inside the heading and make them display:block.

Chris's suggestion - the simplest - would also be the most semantically correct.