HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>SVG Text — centered text-anchor</title>
</head>
<body>
  <h1>SVG &lt;text&gt; — centered text</h1>
  <svg width="300" height="160" role="img" aria-label="Centered SVG text with guide line">
    <line x1="150" y1="20" x2="150" y2="130" stroke="#cbd5e1" stroke-width="2" />
    <circle cx="150" cy="90" r="4" fill="#94a3b8" />
    <text x="150" y="90" text-anchor="middle" font-size="26" fill="#0f172a">Centered</text>
  </svg>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

SVG Text — centered with text-anchor (Try It)