blob: 134a3d386eafa4cc60493c170d52ecba166d3b68 [file] [log] [blame]
<!DOCTYPE html>
<title>CSS RefTest Reference</title>
<link rel="author" title="Adobe" href="">
<link rel="author" title="Bem Jones-Bey" href="">
<link rel="author" title="Hans Muller" href="">
<meta name="flags" content="ahem">
#container-border {
border: 1px solid black;
margin: 10px;
width: 200px;
#container {
font: 20px/1 Ahem, sans-serif;
line-height: 20px;
width: 200px;
height: 300px;
text-align: right;
#float-right {
float: right;
position: relative;
overflow: visible;
width: 120px;
height: 100px;
#svg-shape {
position: absolute;
top: 0px;
right: -20px;
width: 142px;
height: 102px;
<p>The right edges of the five black squares should follow the left side of the outer rounded rectangle boundary and each square should appear on a subsequent line.</p>
<div id="container">
<div id="float-right">
<svg id="svg-shape" xmlns="">
<rect x="20" y="20" width="100" height="60" fill="none" stroke="green"></rect>
<rect x="1" y="1" width="140" height="100" rx="20" ry="20" fill="none" stroke="green"></rect>