<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 468 60" style="width:60%; height:auto;"> <rect x="1" y="1" rx="10" ry="10" width="466" height="58" stroke="black" stroke-width="2" fill="khaki"/> <text x="10" y="30" fill="black" font-size="16">ここにテキスト</text> </svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 468 60" style="width:60%; height:auto;"> <rect x="1" y="1" rx="10" ry="10" width="466" height="58" stroke="black" stroke-width="2" fill="khaki"/> <text x="50%" y="30" text-anchor="middle" fill="black" font-size="18">水平中央テキスト</text> </svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 468 60" style="width:60%; height:auto;"> <rect x="1" y="1" rx="10" ry="10" width="466" height="58" stroke="black" stroke-width="2" fill="khaki"/> <text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle" font-size="18" fill="black"> 上下中央テキスト </text> </svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 468 60" style="width:60%; height:auto;"> <rect x="1" y="1" rx="10" ry="10" width="466" height="58" stroke="black" stroke-width="2" fill="khaki"/> <text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle" font-size="18" fill="#222" font-family="Noto Sans JP, sans-serif" font-weight="600"> サンプルテキスト </text> </svg>