Add blue background to a Popup heading via Arcade Element

Ed_

Based on the code below how can I add a blue background with white text for the headings similar to the one shown in the screenshot below?

Code:

// Create a variable that is the FeatureSet of intersecting feature attributes
var Address = FeatureSetByName($map, "ADDRESS")

var intersectLayer = Intersects(Address, $feature)

// This variable will be used multiple times in the code
var popup = '<h3>Property Summary</h3>';

for (var f in intersectLayer){

 popup += `<b>Address:</b> ${f.FullAddress} <br><br>

 `

}

// Now bring in the attributes from the next intersected layer

// Next heading
popup += <h3>Next Heading</h3>;

return { 
  type : 'text', 
  text : popup
}

 
Desired output:

 

kenbuja

Use the background-color style in the font tag. However, that will be only as long as the text string itself.

var popup = '<h3><font style="background-color:lightblue" color="white">&nbsp&nbspProperty Summary&nbsp&nbsp</font></h3>';