Styling ‘the_meta’ tag

I’m having issues styling my custom fields. I’m using ‘the_meta’ tag which gives me this in my source code.

<ul class='post-meta'>
<li><span class='post-meta-key'>Project:</span> prozac</li>
<li><span class='post-meta-key'>URL:</span> www.www.com</li>
</ul>

As you can see there’s only a span around the key but not around the value. This is very limiting if I only want to style the value which I do. Here’s my site (a work in progress) so you get a sense of what I’m dealing with: https://www.badideahouse.com

Ultimately what I’d like to do is style my custom fields with a black background color and add padding between each custom field.

As you can see there’s only a span around the key but not around the value. This is very limiting if I only want to style the value which I do.

So format both the <span> and the
<li>. It is a little backwards, but it should work.

Thank you very much.