CSS for single border around both heading & paragraph text

Site URL: https://www.artofair.ie/heat-pumps-in-ireland

Hi there,

Is it possible to use CSS for a single border around both heading & paragraph text?

See screenshot for reference:

The blue border to the right appears when I use h4 and p text in the same paragraph.

The look I'm going for, though, is how the green and red borders look like.

Any help is greatly appreciated.

Thanks in advance,

Steve.

Yes. Possible.

You can add 3 text blocks & share link. We can give the code easier

Apologies, I disabled the page.

It is now re-enabled.

They are already 3 text blocks.

https://www.artofair.ie/heat-pumps-in-ireland

On 10/6/2022 at 7:12 PM, SteveBarrett said:

Apologies, I disabled the page.

 

It is now re-enabled.

 

They are already 3 text blocks.

 

https://www.artofair.ie/heat-pumps-in-ireland

I see you achieved this with these CSS code?

#block-yui_3_17_2_1_1663765045937_5154 p, #block-yui_3_17_2_1_1663765045937_5154 h4 {
    color: #000;
    border: 2px solid #4ca585;
    display: block;
    padding: 0.7rem 1rem 1rem 1rem;
    margin-left: 0rem;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#block-yui_3_17_2_1_1663765045937_5607 p, #block-yui_3_17_2_1_1663765045937_5607 h4 {
    color: #000;
    border: 2px solid #e74f3d;
    display: block;
    padding: 0.7rem 1rem 1rem 1rem;
    margin-left: 0rem;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#block-yui_3_17_2_1_1663765045937_7188 p, #block-yui_3_17_2_1_1663765045937_7188 h4 {
    color: #000 0;
    border: 2px solid #74c3d5;
    display: block;
    padding: 0.7rem 1rem 1rem 1rem;
    margin-left: 0rem;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

Yes, thank you, Tuan!