JSFiddle - React, Tailwind, and code Playground
HTML
<div id="cion">
<div style="display: block;" id="ovr_description">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td style="padding: 0 10px 10px 10px;vertical-align: top">
<div class="richText">
Resi9 is het volledige gamma modulaire apparatuur integreerbaar in modulaire kasten voor woningen en andere residentiële toepassingen.<br>
Het omvat de volgende productfamilies :
<ul>
<li><strong>Differentieelschakelaars (RCB)</strong> voor de beveiliging van personen en goederen tegen risico’s van elektrocutie en brandgevaar:
<ul>
<li>Nominale stroomsterkte: 25A-40A-63</li>
<li>Gevoeligheid: 300 mA (ogenblikkelijk of selectief)/ 30mA / 10mA</li>
<li>Uitschakeling van Type A (zoals gevraagd door AREI)</li>
<li>Beschikbaar in 2 en 4 polige versies</li>
<li>Ze hebben de scheiderfunctie</li>
<li>Voorzien van de specifieke markering 22.5 kA²s (is volledig conform aan wat het AREI vraagt)</li>
<li>Voorzien van biconnecte klemmen die toelaat te bekabelen met vork-aansluitrails en/of met kabels</li>
<li>Geleverd met verzegelbare schroefafdekkappen</li>
<li>Conform de norm IEC/EN 61008-2-1</li>
</ul>
</li>
<li><strong>Differentieel-automaten (RCCB)</strong> die de twee hierboven vermelde beveiligingen combineert (automaat+ differentieel) in een zeer compacte behuizing:
<ul>
<li>Nominale stroomsterkte van 6 tot 32A</li>
<li>Gevoeligheid: 30mA</li>
<li>Compacte behuizing: 36 mm of 2 modules breed</li>
<li>Kortsluitvermogen van maximum 4500A (is volledig conform aan wat het AREI vraagt)</li>
<li>Voorzien van biconnecte klemmen die de aansluiting toelaten...
CSS
#set{margin:0; padding:0; font-size:11px; font-family:verdana;line-height:14px }
.richText, .richTextContent p {
font-family: arial;
font-size: 11px;
width:200px;
margin: 10px 0;
border:1px solid red;
line-height:18px;
}
.rangeDatasheetViewer .richTextContent ul li {
margin: 0;
padding: 0;
}
.rangeDatasheetViewer .rangeDatasheetPresentation .leftColumn ul a, .rangeDatasheetViewer .rangeDatasheetPresentation .leftColumn ul a:hover {
color: #87D300;
font-size: 11px;
font-weight: bold;
}
* .rangeDatasheetViewer .richTextContent a:hover, * .rangeDatasheetViewer .richTextContent a, * .rangeDatasheetViewer .richTextContent a *, * .rangeDatasheetViewer .richText a:hover, * .rangeDatasheetViewer .richText a, * .rangeDatasheetViewer .richText a * {
color: #87D300;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
div.rangeDatasheetViewer {
padding: 0 10px 0 20px;
}
.rangeDatasheetViewer * {
background-color: transparent;
color: #6C6C6C;
font-family: arial;
font-size: 11px;
margin: 0;
padding: 0;
}
.rangeDatasheetViewer p.h1Container {
margin-bottom: 0;
margin-top: 0;
}
.rangeDatasheetViewer .rangeDatasheetViewerHeader {
border: medium none;
border-collapse: collapse;
width: 100%;
}
.rangeDatasheetViewer .rangeDatasheetViewerHeader td {
vertical-align: top;
}
.rangeDatasheetViewer .rangeDatasheetViewerHeader .content {
padding-bottom: 25px;
}
.rangeDatasheetViewer .rangeDatasheetViewerHeader td.img {
width: 190px;
}
.rangeDatasheetViewer .rangeDatasheetViewerHeader h1 {
color: #4FA600;
font-size: 24px;
font-weight: normal;
text-decoration: none;
}
.rangeDatasheetViewer .rangeDatasheetViewerHeader img {
font-size: 11px;
margin-top: 15px;
}
.rangeDatasheetViewer .rangeDatasheetViewerHeader * {
color: #4FA600;
font-size: 13px;
}
.rangeDatasheetViewer div.rangeDatasheetViewerNav {
border-bottom: 10px solid...
JavaScript
var strH;
strH=document.getElementById("ovr_description").offsetHeight;
//strH= Y.one('#set').getComputedStyle("height");
alert(strH);