I designed a site pre HTML5. Everything seems to work properly, except I have this height gap between my text and an audio player. I can't figure out how to remove the gap! I'm fairly new at HTML code, and would appreciate any help I can get. I've added a screen shot to show my dilemma.

Click to view attachment

Could you post a link to the page, or post the HTML+CSS code here?

I don't know if this is funny or sad. I fixed the issue with current mp3 player coding, but here is the original, pre-HTML5:

</td>
</tr>
<tr>
<td>
<p align="center"><font color="#FFFFFF"><b><font size="6">
Audio<br>
<p align="center">
<object>
<embed src="http://../Audio.mp3" width="500" height="45" autostart="0"
CLASSID="CLSID:22d6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player..."
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=6,4,7,1112"
TYPE="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/">
<param name="src" value="http://../audio/Audio.mp3"><param name="autostart" value="0"><param name="autostart" value="0"><param name="controller" value="true"></embed>
</object>

</tr>
</table>

Are you saying you have fixed the problem?

I can't see your player, but the gap is likely because of th P you have put OBJECT. Paragraphs come with default margins, top or bottom.