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:

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

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

Comments

Click here to write/view comments