Add Border Around Text in WordPress with CSS

Getting a border around text was far more difficult than I thought.  Here is one method using only CSS, no plugins.  Got it all from WPMU.

If you want a box around words or paragraghs then place the CSS as below in the Additional CSS in the WP .  Customizer or your child theme CSS style sheet:

From Rupok at WPMU

.border {
border: 1px solid #d7d7d7;
padding: 2px 5px;
}

In the TEXT editor, not Visual, wrap the following:

For one or a few words…

<span class=”border”> your text here </span>

OR

For paragraphs:

…..try this in the TEXT editor…I got it from Louis at WPMU in a Support Chat:
if you want to have more paragraphs inside the box
you can wrap it into a div
like:

<div class=”border”>

<p>paragraph 1</p>
<p>paragraph 2</p>
</div>