Would you please tell me how I can eliminate the space between the headings and the content of each of the sections in the pink portion of my site (the left sidebar)? I'm currently using div tags to separate the individual sections.

My Webpage

Also: does anyone have any ideas why my entries are no longer showing up to the right of my sidebar (they are now starting below the sidebar)?

Many thanks!

The ".container" specifies a line-height of 140%. This is inherited to ".sidebar h2". So you should add an "line-height:100%;" to ".sidebar h2".

The ".sidebar li" has a margin-top of 10px. You should shrink this value to 0px.

If you change as above, HTML will render so that the header and the content are on top of each other.

Of course this has other consequences. For example, the list items have no gap in between. The next steps depend on what you want to achieve.

Michael G. Schneider

Many thanks!

I'd love any other suggestions...I still have the gap between the div class and the stuff below!