Code snippet for yoooooou | Bloggers Lair | Yakezie Forums

I want to have my main menu's items' individual widths constrained.  You can't do that with using CSS styling on the li's directly because they're inline-level elements (hear me scream), so I figured out how to wrap each link element with a div.  Using CSS, you can then set the divs to inline-block and give the widths.  Here's the snippet that grabs all the links inside an li that are dynamically generated by wordpress and wraps them in divs that plays nicely with WP.

jQuery.noConflict();
function wrapLists(){
jQuery('li a').wrap('<b><div class="list-item"></div></b>');
}
window.onload=wrapLists;

:)