I'm trying to create a horizontal custom legend in a dashboard. I can create a vertical boxes with a color box with text in it, but can't figure out how to make the boxes on the same line. Below is the text for the vertical legend. I'm using the enriched text to create the legend. Thanks in advance.
<div style="background-color:#d3d3d3; border:1px solid #000000; height:25px; width:35px"><span style="font-size:16px"><strong><span style="color:#1a1a1a">Low</span></strong></span></div>
<div style="background-color:#ffff00; border:1px solid #000000; height:25px; width:75px"><span style="font-size:16px"><strong><span style="color:#1a1a1a">Moderate</span></strong></span></div>
<div style="background-color:#ff0000; border:1px solid #000000; height:25px; width:40px"><span style="font-size:16px"><strong><span style="color:#1a1a1a">High</span></strong></span></div>
