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 vote356 views1 answer
Animated website
CSS
1 vote336 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
8 votes319 views6 answers
Background image overlay
CSS
0 vote341 views1 answer
Rotate keyframe animation
CSS
0 vote333 views1 answer
Htacess mono-site
CSS
5 votes321 views4 answers
What is inset in css
CSS
2 votes321 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
0 vote366 views1 answer
Twig language name
CSS
0 vote336 views1 answer
Breaking bad api
CSS
0 vote320 views2 answers
Animate zoom in and zoom out in css
CSS