CSS – how to do first letter capital and bigger

CSS first letter can be made capital and bigger using pseudo element ::first-letter. Here is sample html/css code:

.box {width: 200px;}
div.box::first-letter {
  font-size: 200%;
  font-weight: bold;
  text-transform: uppercase;

<div class="box">
lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor 
Share this article: share on Google+ share on facebook share on linkedin tweet this submit to reddit


Click here to write/view comments