How we make paragraph inverted comma with css which set according to content size

Hello Guys

Today we learn how you make paragraph inverted comma with css.
here we use a q tag for put our paragraph content. Now inverted comma will coming from css with before and after tag.

q:before {
color: #fa4173;
font-family: Times New Roman, Times, serif;
content: '\201C';
font-size: 60px;
padding-right: 5px;
}
q:after {
color: #fa4173;
font-family: Times New Roman, Times, serif;
content: '\201D';
font-size: 60px;
padding-left: 5px;
margin-top: 5px;
}

Demo:- http://jsfiddle.net/csszilla/RQrsk/9/embedded/result/