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

0 vote283 views1 answer
How to disable keyboard in windows 10
CSS
-2 votes247 views1 answer
Scaling Images and Videos css
CSS
1 vote248 views1 answer
Felx-wrap css
CSS
1 vote230 views1 answer
Vue import css scoped
CSS
0 vote243 views1 answer
Css file not getting captured in laravel project
CSS
0 vote248 views1 answer
Css contain property
CSS
3 votes223 views1 answer
Mettre une image au milieu css
CSS
8 votes276 views4 answers
CSS Grid Column
CSS
0 vote265 views1 answer
Set border only left and right css
CSS
8 votes247 views4 answers
Text-align attribute in css
CSS