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 vote182 views1 answer
Css rotate 3d
CSS
0 vote158 views1 answer
Css absolute z index less than
CSS
1 vote159 views3 answers
Console error
CSS
1 vote145 views1 answer
Bootstrap 4 material icon vertical align
CSS
0 vote162 views1 answer
How to dedeclare a variable and use it in css
CSS
65 votes159 views6 answers
Outline radius css
CSS
37 votes175 views4 answers
Css hover pointer
CSS
42 votes150 views6 answers
Text overflow css
CSS
4 votes151 views3 answers
Css image cover
CSS
9 votes232 views3 answers
Bootstrap blue outline button
CSS Bootstrap