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 vote236 views1 answer
How to remove markers in css
CSS
3 votes177 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS
0 vote231 views1 answer
Set default rem css
CSS
0 vote252 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
2 votes187 views1 answer
How to create space inbetween text css
CSS
0 vote170 views1 answer
How to combine two screen sizes in media queries css
CSS
0 vote197 views1 answer
Overlay color on image css
CSS
0 vote207 views1 answer
Width height samsung note 20 screen
CSS
0 vote187 views1 answer
Exclude html content when print
CSS
8 votes201 views4 answers
Css image align left
CSS