[CSS HELP] How i design like this image using css ? - Printable Version +- Hack Forums (https://hackforums.net) +-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444) +--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141) +---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50) +---- Thread: [CSS HELP] How i design like this image using css ? (/showthread.php?tid=5314750)

[CSS HELP] How i design like this image using css ? - Aakash_Choudhary - Jun 22, 2016 Hello friends. I had something in my mind and draw in notebook.I don't get any idea how i do this.Please friends guide me Thanks * - Insidific - Jun 23, 2016 You need to use Spoiler tags for images of this size. Just to be clear with your post you want to create the icon directly coded in css? You don't seemed to have done it before so I found this which might help you: http://www.samuelrossille.com/css-shape/ * - Rushax - Jun 23, 2016 You should really think how this is going to be displayed on each device too. On a mobile device, I'm guessing the text will barely be readable as it'll be so small. If I was going to attempt this I'd use a container and add the styling for the border then add something similar to this inside: http://jsfiddle.net/jx99z/5/ Then put another inline div with a less-margin-left to get it to sit nicely next to each other. * - Aakash_Choudhary - Jun 23, 2016 Thanks to both of you. Now i understood. Thanks again