| <!DOCTYPE html> |
| <style> |
| div { |
| display: inline-block; |
| text-align: center; |
| width: 150px; |
| margin: 30px 0; |
| } |
| span { |
| outline-style: outset; |
| outline-color: lime; |
| border-radius: 30px 10px 20px 50px / 10px 30px 20px 50px; |
| font-size: 40px; |
| font-family: ahem; |
| color: yellow; |
| } |
| </style> |
| <div><span style="outline-width: 1px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 2px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 3px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 15px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 1px; outline-offset: -5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 2px; outline-offset: -5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 3px; outline-offset: -5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 5px; outline-offset: -5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 15px; outline-offset: -5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 1px; outline-offset: 5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 2px; outline-offset: 5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 3px; outline-offset: 5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 5px; outline-offset: 5px">A<br>ABC<br>AB</span></div> |
| <div><span style="outline-width: 15px; outline-offset: 5px">A<br>ABC<br>AB</span></div> |
