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>

It works perfectly! Boxed in text.  On this theme, the paragraphs do not look good.  And the text gets smaller.  I used it on a different site and it looked great.  Looks nice in blockquote.  Must be something is the style sheet of this theme.