JSFiddle - React, Tailwind, and code Playground

by Chan Wu

HTML

<h3>第1組</h3>

<div>
    最低投注額 <input type="text">
    最高投注額 <input type="text">
    <br>
    <input type="checkbox">RTP 94%
    <input type="number" value="0" min="0" max="100">比重
    <input type="checkbox">RTP 98%
    <input type="number" value="0" min="0" max="100">比重
    <input type="checkbox">RTP104%
    <input type="number" value="0" min="0" max="100">比重
</div>
        
<h3>第2組</h3>

<div>
    最低投注額 <input type="text">
    最高投注額 <input type="text">
    <br>
    <input type="checkbox">RTP 94%
    <input type="number" value="0" min="0" max="100">比重
    <input type="checkbox">RTP 98%
    <input type="number" value="0" min="0" max="100">比重
    <input type="checkbox">RTP104%
    <input type="number" value="0" min="0" max="100">比重
</div>
        
<h3>第3組</h3>

<div>
    最低投注額 <input type="text">
    最高投注額 <input type="text">
    <br>
    <input type="checkbox">RTP 94%
    <input type="number" value="0" min="0" max="100">比重
    <input type="checkbox">RTP 98%
    <input type="number" value="0" min="0" max="100">比重
    <input type="checkbox">RTP104%
    <input type="number" value="0" min="0" max="100">比重
</div>
        
<h3>第4組</h3>

<div>
    最低投注額 <input type="text">
    最高投注額 <input type="text">
    <br>
    <input type="checkbox">RTP 94%
    <input type="number" value="0" min="0" max="100">比重
    <input type="checkbox">RTP 98%
    <input type="number" value="0" min="0" max="100">比重
    <input type="checkbox">RTP104%
    <input type="number" value="0" min="0" max="100">比重
</div>

CSS

input[type="text"] {
    width: 80px;
}
input[type="number"] {
    width: 40px;
}
body {
    line-height: 30px;
}