css hexagon with text inside

Solutions on MaxInterview for css hexagon with text inside by the best coders in the world

showing results for - "css hexagon with text inside"
Mirko
06 Sep 2018
1<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="800px" height="300" xmlns:xlink="http://www.w3.org/1999/xlink">
2    <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>
3    <text x="160" y="160" 
4        font-family="Verdana" 
5        font-size="30"
6        text-anchor="middle"
7    >
8    Any Text Here
9    </text>  
10</svg>
Pietro
16 Sep 2018
1<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="900px" height="100" xmlns:xlink="http://www.w3.org/1999/xlink">
2    <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>
3    <text x="160" y="160" 
4        font-family="Verdana" 
5        font-size="30"
6        text-anchor="middle"
7    >
8    Any Text Here
9    </text>  
10</svg>