Test HTML Layout

by YeongCY

HTML

<div>
  <h3>Tester A</h3>
  <div style='width:100%'>
    <div style='height:120px;display:inline-block;padding: 0.5rem 0.5rem;border:1px solid black'>
      <p>TOTAL: 100 PASS: 60 FAIL: 10 FALSE CALL: 30 Yield: 99.80%</p>
      <div style='heigh:100%;padding: 0.5rem 0.5rem;border:1px solid black;white-space: nowrap; overflow:auto; direction:rtl'>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:red'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:red'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:red'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
        <div style='display:inline-block;width:15px;height:40px;background:red'></div>
        <div style='display:inline-block;width:15px;height:40px;background:green'></div>
      </div>
    </div>
    <div style='height:130px;display:inline-block;border:1px solid black;text-align:center'>
        <div...