How to give text a "highlighted" effect using CSS!

HTML:
<p class="highlight">This text has a "highlighted" background.</p>
CSS:
.highlight {
display: inline;
background: white;
color: black;
font-weight: bold;
font-size: 1.3em;
line-height: 1.5em;
padding: 0 2px;
text-transform: uppercase;
font-family: monospace;
}

This text has a "highlighted" background.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis hendrerit, tellus ac sollicitudin blandit, enim tellus mollis urna, sed scelerisque turpis felis vitae diam. Nullam vitae lorem eget leo tincidunt bibendum quis ac mauris. Donec laoreet fringilla fermentum. Donec ut nisl quis velit pellentesque posuere id sit amet dui. Proin vel mi at justo venenatis lobortis. In lobortis risus eu quam sodales vehicula. Sed in interdum enim. Mauris maximus diam purus, eget consequat magna faucibus sodales.