text-wrap-balance-with-svg-001-ref.html (860B)
1 <html lang="en"> 2 <head> 3 <meta charset="UTF-8" /> 4 <title>CSS Text level 4 Test: text-wrap-style should allow in-line SVGs</title> 5 <link rel="author" title="Yulun Wu"> 6 <link rel="help" href="https://www.w3.org/TR/css-text-4/#text-wrap-style"> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"/> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 9 <style> 10 div { 11 display: flex; 12 } 13 a { 14 font-family: "Ahem"; 15 font-size: 12px; 16 text-wrap: auto; 17 } 18 </style> 19 </head> 20 <div> 21 <a> 22 This text passes if the svg is not wrapped to a second line. 23 <svg class="arrow" viewBox="0 0 12 12" width="12" height="12"> 24 <path d="m6 9 6-6H0Z"></path> 25 </svg> 26 </a> 27 </div> 28 </html>