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 vote278 views2 answers
Hide the scrollbar in css if not overflow
CSS
0 vote198 views1 answer
Centrizing a table with css
CSS
42 votes202 views4 answers
Css center div in page
CSS
2 votes206 views1 answer
How to remove bullets from li
CSS
0 vote198 views1 answer
WSGI: Truncated or oversized response headers received from daemon process
CSS
-1 vote210 views1 answer
Css div bottom of parent
CSS
0 vote210 views1 answer
Mailto link with no decoration
CSS
1 vote212 views1 answer
Change the color of an hr
CSS
3 votes209 views1 answer
Inline block align center
CSS
0 vote238 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS