<!DOCTYPE html> | |
<style> | |
body { | |
margin: 0; | |
} | |
#float { | |
float: left; | |
width: 100px; | |
height: 200px; | |
background: blue; | |
} | |
input { | |
display: block; | |
width: 50px; | |
height: 10px; | |
} | |
</style> | |
<script src="../../../resources/check-layout.js"></script> | |
<p> Checkboxes and radio boxes are replaced elements, so they should avoid floats. </p> | |
<div id="float"></div> | |
<input type="checkbox" data-offset-x=100 /> | |
<input type="radio" data-offset-x=100 /> | |
<script> | |
onload=function() { checkLayout('input'); } | |
</script> | |