文字を四角い枠で囲む

説明を記述している時に、文字だけを記載していると、WEBページでは読みにくく感じる場合があります。
メリハリをつけるために、四角い枠で囲むと良いです。

例えば、

四角い枠があると、文章が整理されるため、ユーザー様が情報を理解しやすくなります。

これはHTMLタブで表示される画面にて、次のようなコードを付け加えるだけでできます。

<div style="background-color: #ffffcc; border-color: #CCCCCC; border-radius: 10px; border-style: solid; border-width: 1px; box-shadow: 5px 5px 5px #AAA; color: green; padding: 10px 5px 10px 20px;">
四角い枠があると、文章が整理されるため、ユーザー様が情報を理解しやすくなります。
</div>

詳しく書かれているサイトが有りましたので、ご紹介しておきます。
ブログの文章の一部をいろいろな枠で囲むHTMLタグ