JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset class="GridFacet">
    <legend>Title <span class="tooltipContainer">  
        <a class="tooltipIcon" href="">
            <img src="https://www.shareicon.net/data/16x16/2016/11/03/849611_embarrassed_512x512.png"/>
        </a>
            <div class="tooltip">
                <strong>A</strong> - CONTENT<br/>
                <strong>B</strong>  - CONTENT<br/>
                <strong>C</strong>  - CONTENT<br/>
                <strong>D</strong>  - CONTENT<br/>
                <strong>E</strong>  - CONTENT<br/>
            </div>
        </span> 
    </legend>
    <p class="chkRow">
        <input id="H10" type="checkbox" class="chkFacet" value="h10" />
        <label for="H10" class="lblFacet">A</label>
    </p>
    <p class="chkRow">
        <input id="T3" type="checkbox" class="chkFacet" value="t3" />
        <label for="T3" class="lblFacet">B</label>
    </p>
    <p class="chkRow">
        <input id="U1" type="checkbox" class="chkFacet" value="u1" />
        <label for="U1" class="lblFacet">C</label>
    </p>
    <p class="chkRow">
        <input id="U2" type="checkbox" class="chkFacet" value="u2" />
        <label for="U2" class="lblFacet">D</label>
    </p>
    <p class="chkRow">
        <input id="U3" type="checkbox" class="chkFacet" value="u3" />
        <label for="U3" class="lblFacet">E</label>
    </p>
</fieldset>

CSS

.GridFacet {
    width: 250px;
}
.tooltipContainer {
    width: 325px;
    position: relative;
}
.tooltipIcon {
    text-decoration: none;
}
a.tooltipIcon:hover + div {
    display:block;
    float: right;
}
.tooltip {
    margin: -43px 0 5px 50px;
    *margin: -12px 0 5px 15px;
    /* For IE7 and below */
    padding: 10px 0 10px 10px;
    width: 250px;
    height: 110px;
    background-color: #e9ebec;
    position: absolute;
    border: 2px solid #739e40;
    display: none;
    font-size: 1.2em;
}
.tooltip:after, .tooltip:before {
    border: solid transparent;
    content:' ';
    height: 0;
    right: 100%;
    position: absolute;
    width: 0;
}
.tooltip:after {
    border-width: 11px;
    border-right-color: #e9ebec;
    top: 13px;
}
.tooltip:before {
    border-width: 14px;
    border-right-color: #739e40;
    top: 10px;
}