Since the arrival of WordPress 3.6 I have ditched the plugin Audio Player in preference to the embedded version.

One less plugin is always a good thing?

One aspect of the new Audio Player that really bugs me though is the way the spacing is wrong top and bottom.  While the player provides a full new paragraph break above, it only provides a line break below which means there is no space between the player and the following text.

After my usual fruitless searches I came up with a solution of my own which seems to work well.

I simply added the following to my theme’s CSS file:

.mejs-audio {
    margin-bottom: 1.5em !important;
}

Of course the spacing can be varied, but I chose 1.5em as it is the theme’s default line height.