JSFiddle - React, Tailwind, and code Playground

HTML

<div style="" id="ctl00_MainContent_HeatMapControl1_RadAjaxPanel1">
		
   
    <div style="min-height: 610px;">
        <div class="heatmapWrapper">
            <div class="chartLabel topPos leftPos">High Impact/Low Likelihood</div>
            <div class="chartLabel topPos rightPos">High Impact/High Likelihood</div>
            <div class="chartLabel bottomPos leftPos">Low Impact/Low Likelihood</div>
            <div class="chartLabel bottomPos rightPos">Low Impact/High Likelihood</div>
            
            <div id="ctl00_MainContent_HeatMapControl1_RadHtmlChartHeatmap" style="height: 608px; width: 930px; position: relative;" data-role="chart" class="k-chart"><!--?xml version='1.0' ?--><svg style="position: relative; display: block; left: -0.633333px; top: 0px;" height="608px" width="930px" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs id="k10093"/><path fill="none" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0" stroke="" d="M0 0 930 0 930 608 0 608 z" style="display: block; "/><path fill="none" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0.1" d="M61.5 53.5 922.5 53.5 922.5 549.5 61.5 549.5 z" style="display: block; "/><path fill="#fff" stroke-opacity="1" fill-opacity="0" stroke-linejoin="round" stroke-linecap="square" stroke="" d="M61 52.5 921.5 52.5 921.5 549 61 549 z" data-model-id="k10095" style="display: block; " id="k10094"/><text fill="#333333" style="font: 16px Arial,Helvetica,sans-serif; " fill-opacity="1" y="31" x="387">Heat Map: Accounting</text><g id="k10096"><path fill="none" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="1" stroke="#d3d3d3" d="M61.5 301.5 922.5 301.5" data-model-id="k10095" style="display: block; "/><path fill="none" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="1" stroke="#d3d3d3" d="M61.5 53.5 922.5 53.5"...

CSS

.heatmapWrapper {
    position: relative;
}
.heatmapWrapper .chartLabel.leftPos {
    left: 100px;
}
.heatmapWrapper .chartLabel.rightPos {
    right: 50px;
}
.heatmapWrapper .chartLabel.topPos {
    top: 30px;
}
.heatmapWrapper .chartLabel.bottomPos {
    bottom: 35px;
}
.heatmapWrapper .chartLabel {
    position: absolute;
}

JavaScript

var svg = document.getElementsByTagName("svg")[0];
var svgLabels = svg.getElementsByTagName("text");

//debugger;
//alert(svgLabels[0].textContent);

//for (i = 0; i < svgLabels.length; i++) {
//    alert(svgLabels[i].textContent);
//}