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 vote175 views1 answer
Github-pages main.css cancel
CSS
2 votes169 views1 answer
Div not larger than its content
CSS
0 vote163 views2 answers
Css animation not working
CSS
26 votes169 views3 answers
Cursor not pointer
CSS
0 vote243 views1 answer
Bootstrap modal overflow
CSS Bootstrap
0 vote180 views1 answer
Colored link button style scss
CSS
0 vote199 views1 answer
Mettre icloud en dossier barre
CSS
0 vote173 views1 answer
Rust get current date
CSS
2 votes210 views2 answers
Restrict a paragraph height css
CSS
1 vote191 views1 answer
Place-items css property
CSS