JSFiddle - React, Tailwind, and code Playground

by zarch

HTML

<div class="rcorners">
  <label for="battery-output"></label>
  <output id="battery-output" for="battery-size battery-usable" name="output">70% of ( 90% of 3.6kWh ) = 2.27kWh per day</output>
  <br>
  <output id="battery-output" for="battery-size battery-usable" name="output2">This will take 1.9 x 30 min charge slots (so we round up to 2 slots)</output>
</div>

CSS

.rcorners {
  border-radius: 5px;
  border: 1px solid #ffb347;
  background-color: #ffb347;
  padding: 5px;
  width: 100%;
  height: 60px;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}