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

-1 vote150 views1 answer
Arranging the paragraph in css
CSS
7 votes145 views2 answers
Remove blue border on a input
CSS
0 vote158 views1 answer
Como diminuir uma imagem em css
CSS
0 vote134 views1 answer
Sticky header not working chrome
CSS
0 vote164 views1 answer
React use global css
CSS
0 vote161 views1 answer
Html glow on hover
CSS
253 votes326 views10 answers
Bootstrap cdn
CSS Bootstrap
0 vote140 views1 answer
Ignore br css
CSS
0 vote136 views2 answers
How to make a strip in html and css
CSS
29 votes164 views4 answers
Css input selector
CSS