You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
<meta name="assert" content="Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrinsic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.">
<style>
img {
box-sizing: border-box;
width: auto;
height: auto;
background: white;
margin: 10px;
}
#t01, #t11, #t21, #t31 {
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t02, #t12, #t22, #t32 {
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t03, #t13, #t23, #t33 {
width: 120px;
padding-left: 20px;
margin-left: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t04, #t14, #t24, #t34 {
height: 120px;
padding-bottom: 20px;
margin-bottom: -10px; /*not strictly necessary, but helps preserve alignment, which makes visual verification easier. */
}
#t30, #t32 {
width: 100px;
}
#t31 {
height: 100px;
}
body {
max-width: 700px;
}
</style>
<body>
<p>Test passes if there are 20 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>