Align Checkbox Etiketten oben genannte Box

Question

benötigen, so etwas zu tun:

https://imgur.com/sHujPjp Zahlen über Box ideal, so dass sie in allen Browsern und Geräten ausgerichtet bleiben.

Danke

Answer 1

Sie könnten dies mit einem Tabellenlayout einfach tun.

<table> 
    <tr> 
    <td></td> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
    <tr> 
    <td>Bedrooms</td> 
    <td><input type="checkbox" /></td> 
    <td><input type="checkbox" /></td> 
    <td><input type="checkbox" /></td> 
    <td><input type="checkbox" /></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
    <tr> 
    <td>Bathrooms</td> 
    <td><input type="checkbox" /></td> 
    <td><input type="checkbox" /></td> 
    <td><input type="checkbox" /></td> 
    <td><input type="checkbox" /></td> 
    </tr> 
</table> 

Und was das Styling geht, tun nur

td { 
    text-align: center; 
} 

, um es genau so aussehen, wie Sie es möchten.