1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd">
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7 <title>Transform Center with Borders</title>
8 <style type="text/css" media="screen">
13 outline: 5px solid black;
14 background-color: red;
19 background-color: green;
20 border-right: 100px solid gray;
22 transform: rotate(90deg);
26 box-sizing: border-box;
32 <p>Tests that origin of rotation is the center of the border box, with and without box-sizing</p>
33 <div class="container">
34 <div class="box">box-sizing: auto</div>
37 <div class="container">
38 <div class="box border-box">box-sizing: auto</div>