How can I get a colored box around text on my HTML5/CSS3 website?

Question

Text is a little difficult to read on my current website -- I'd like to add a semi-transparent black box around my text area. Is there anyway to do this?

Here's a rough example of what I want to do:

Thanks!

Answer 1

Put it in a div container and give that div a background-color: rgba(0,0,0,0.7); . 0.7 being the opacity.