border-radius-012-ref.html (619B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 .spacer { display:inline-block; width:20px; } 5 </style> 6 <p>There should be two good-looking arcs below.</p> 7 <div style="font-size:40px; line-height:100px;"> 8 <span style="border:20px solid; border-radius:40px; border-right:none; border-top-right-radius:0; border-bottom-right-radius:0;"> 9 <span class="spacer"></span></span> 10 <br> 11 <span style="border:20px solid; border-radius:40px; border-left:none; border-top-left-radius:0; border-bottom-left-radius:0;"> 12 <span class="spacer"></span></span> 13 </div>