Place a few paragraphs in a box to around 5-6 paragraphs

Web development WordPress
1

Wanted to place a few paragraphs in a box (WordPress), as a note to my brother:

.dearDad {

border: #000 medium solid;

padding: 10px;

line-height: 140%;

margin:auto 100px;

background-color: #A9CCE3;

I enter:

Bhah blah

Bhah blah Bhah blahBhah blah

Bhah blah Bhah blah Bhah blah

Bhah blah

But when I publish, each “Bhah blahBhah blah” turns into a

Bhah blah Bhah blah

, and only the first paragraph has the CSS attached. How can I box around 5 to 6 paragraphs?

2

You can do that by just writing this HTML code out.

<div style="width: 400px;padding: 10px;border: 5px solid gray;margin: 0;">
<p>Bhah blah </p>

<p>Bhah blah Bhah blahBhah blah </p>

<p>Bhah blah Bhah blah Bhah blah</p>

<p>Bhah blah</p>

<p>But when I publish, each “Bhah blahBhah blah” turns into a</p>

<p>Bhah blah Bhah blah</p>
</div>