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

3 votes198 views6 answers
Input disabled css
CSS
0 vote210 views2 answers
Bootstrap 4 scss angular 8
CSS
0 vote186 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
0 vote202 views1 answer
Android studio cardview background transparent
CSS
89 votes241 views6 answers
Padding
CSS
0 vote195 views1 answer
Css perfekt min width mobile
CSS
11 votes240 views4 answers
Git hard reset to commit
CSS
19 votes200 views6 answers
Map method
CSS
2 votes193 views1 answer
Css preprocessor
CSS
0 vote237 views1 answer
Bootstrap popover style width
CSS Bootstrap