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

4 votes159 views2 answers
Background image with color overlay gradient css
CSS
0 vote118 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
1 vote177 views1 answer
Css code examples
CSS
1 vote148 views1 answer
Ionic ios remove button appearance
CSS
13 votes147 views6 answers
Line css
CSS
0 vote167 views2 answers
Html5 vs css3
CSS
9 votes154 views2 answers
Css style for the first element only
CSS
29 votes193 views3 answers
Green hex code
CSS
0 vote196 views1 answer
Css hot to center image in bootsrtap container
CSS
0 vote158 views2 answers
Mat-select-panel-wrap change position
CSS