JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<!-- saved from url=(0016)http://localhost -->
<html xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:eew="http://schemas.microsoft.com/energy/2007">

<head>

<META http-equiv="Content-Type" content="text/html">

<style>

                    

                    body {

                        font-family: Verdana, Arial, Helvetica, sans-serif; 

                        font-size: x-small; 

                        margin-right:1.5em}



                    .log-entry {margin-bottom:1em;}



                    

                    .error-log-entry {background-color:#ffcccc; padding:4pt;}



                    

                    .warning-log-entry {background-color:#ffffc6; padding:4pt;}



                    

                    .info-log-entry {background-color:#ffffff; padding:4pt;}



                    

                    .log-entry-header {font-weight:bold;}



                    .log-entry-content {margin: 2pt; }



                    

                    .expander  {

                        display: block; 

                        left: 0em; 

                        width: 1em; 

                        float: left; 

                        color:red; 

                        font-family:'Courier New'; 

                        font-weight:bold; 

                        text-decoration:none;

                        padding-top:6pt;}



                    td {

                        font-size:x-small;

                        font-weight: bold;

                    }



                    .log-entry-content table {

;

                    }



                    .log-entry-content td {

                        padding: 3pt;

                    }



                    .detail-name {

                        font-weight:normal;

                    }



                </style>

</head>

<body class="st">

<h2>Power Efficiency Diagnostics Report</h2>

<table>

<tr>

<td class="detail-name">Computer...