Css hexagon with text inside

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="800px" height="300" xmlns:xlink="http://www.w3.org/1999/xlink">
    <polygon class="hex" points="300,150 225,280 75,280 0,150 75,20 225,20" fill="#fa5" stroke="blue" stroke-width="5" transform="translate(10)"></polygon>
    <text x="160" y="160" 
        font-family="Verdana" 
        font-size="30"
        text-anchor="middle"
    >
    Any Text Here
    </text>  
</svg>

Source: stackoverflow.com

Css hexagon with text inside

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="900px" height="100" xmlns:xlink="http://www.w3.org/1999/xlink">
    <polygon class="hex" points="300,150 225,280 75,280 0,150 75,20 225,20" fill="#fa5" stroke="blue" stroke-width="5" transform="translate(10)"></polygon>
    <text x="160" y="160" 
        font-family="Verdana" 
        font-size="30"
        text-anchor="middle"
    >
    Any Text Here
    </text>  
</svg>

Source: stackoverflow.com

Similar codes

72 votes191 views6 answers
How to change font size in css
CSS
0 vote140 views1 answer
QAnon Won't believe who
CSS
0 vote128 views1 answer
Css mauszeiger ändern
CSS
0 vote100 views1 answer
New margin property css 2021
CSS
2 votes131 views2 answers
Display flex align last item to left
CSS
2 votes163 views1 answer
How to style multiple elements at once
CSS
0 vote141 views1 answer
Circle with 4 colors css
CSS
0 vote137 views1 answer
Flexbox 3 columns
CSS
0 vote147 views1 answer
Decroation of title using css
CSS
2 votes127 views1 answer
Css make something always on top
CSS