Headings with CSS

+3 Sampan Verma · May 4, 2015
Just kidding with title. I want to create div box similar to these ones.

Actually the 3d looking Headings which I have marked

Post a Reply


Oldest  Newest  Rating
0 Nupur Garg · May 6, 2015
Every font used in this tutorial is a free font from Google WebFonts.
You won’t see any vendor prefixes in the CSS snippets, but you will, of course, find them in the files.
I use the box-model where [width] = [element-width] + [padding] + [borders]. I activate it with the following snippet:
*, *:after, *:before {
box-sizing: border-box;

I don’t think there is much need for an explanation about the markup used in the demos: I used 4 titles, from h1 to h4.
Why not h5 and h6 you say? Simply because it’s not very usual to have such a depth for normal websites. But if you have one which requires those levels of headings, please be sure to include some styles for them as well. ;)
0 Sampan Verma · May 6, 2015
Nupur I want the ribbon like headings. Sorry but I can't understand what you are trying to express
0 Sampan Verma · May 6, 2015
0 Sampan Verma · May 4, 2015
If you dont get the url of the website it is www.wimpykid.com
0 Sampan Verma · May 5, 2015
00000000 Just wanted to get this post on top
  • 1

HTML / CSS / Web Design


Discuss, share, ask, learn and teach HTML5 and CSS3.