JSFiddle - React, Tailwind, and code Playground
by sampottinger
HTML
<style>
h4 {
margin-top: 1em;
margin-bottom: 0.2em;
}
.tag {
font-size: 14px;
}
.tag-title {
margin-bottom: 0px;
border-bottom: solid 2px black;
}
.tag-summary {
background-color: #E0E0E0;
margin-bottom: 5px;
width: 100%;
}
.tag-summary td {
padding: 10px 5px;
margin: 0 30px;
border-right: 10px solid #E0E0E0;
}
.emphasis-row td {
border-bottom: 1px solid;
font-weight: bold;
}
.sub-tag {
margin-left: 5px;
}
.sub-details .title {
font-size: 12px;
margin-bottom: 0;
border-bottom: 0;
color: black;
font-weight: bold;
font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
}
.sub-details {
margin-bottom: 5px;
font-size: 12px;
font-family: monospace;
}
.sub-details td {
width: 300px;
border-right: 30px solid white;
vertical-align: top;
}
.description {
font-size: 16px;
}
.description .title {
font-size: 14px;
margin-bottom: 0;
border-bottom: 0;
color: black;
font-weight: bold;
}
.collapsed-content-expander {
color: #505050;
}
.collapsed-content-expander:hover {
color: #808080;
}
</style><div id="test-section">
<p>An analog input converts a voltage level into a digital value that can be stored and processed in a computer. Why would you want to measure voltages? There are a multitude of sensors available which convert things like temperature, pressure, etc. into voltages. The voltages can then be easily measured by various kinds of hardware, such as a LabJack T7, and then read into a computer. The computer can then convert the voltage value into it's original type (temperature, pressure, etc) and the value can then be stored in a file, emailed to someone,...