third_party/WebKit/LayoutTests/fast/backgrounds/border-radius-split-background.html

   1 <style>
   2   div {
   3     display: inline-block;
   4     border: 1px solid black;
   5   }
   6   span {
   7     font-size: 100px;
   8     background-color: gray;
   9     line-height: 1.5em;
  10     border: 2px solid black;
  11     border-radius: 50%;
  12   }
  13
  14   .vertical {
  15     -webkit-writing-mode: vertical-rl;
  16     -webkit-text-orientation: sideways-right;
  17   }
  18 </style>
  19 <body>
  20   <div class="horizontal">
  21     <span>&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  22   </div>
  23   <div class="vertical">
  24     <span>&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  25   </div>
  26 </div>