JSFiddle - React, Tailwind, and code Playground

by katsukino

HTML

"測定時刻 : 2022/06/23 03:20<br/><div class='outbox'><div class='ttpTitle'>電気伝導度    : </div><div class='ttpVal'>NaN</div><div class='ttpUnit'>(S/m)</div></div><br/><div class='ttpTitle'>溶存酸素      : </div><div class='ttpVal'>NaN</div><div class='ttpUnit'>(mg/L)</div></div><br/><div class='ttpTitle'>水位          : </div><div class='ttpVal'>-8.38</div><div class='ttpUnit'>(ELm)</div></div><br/>"

CSS

.ttpTitle {
	float: left;
	line-height: 20px;
	width: 70px;
	/* border: solid 1px black; */
}

.ttpVal {
	float: left;
	display: block;
	width: 50px;
	text-align: right;
	line-height: 20px;
	/* border: solid 1px black; */
}

.ttpUnit {
	float: left;
	width: 50px;
	line-height: 20px;
	padding-left: 5px;
	/* border: solid 1px black; */
}