From cc8d0cae92896dae419ce803f9ec1408eb52dd73 Mon Sep 17 00:00:00 2001
From: Erdem Efe Erol <33372714+iTechsTR@users.noreply.github.com>
Date: Mon, 12 Nov 2018 02:20:13 +0300
Subject: [PATCH] Added the section "Drop Caps" (#21665)

Added a new section called "Drop Caps"
---
 .../miscellaneous/html-and-css-cheat-sheet/index.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/guide/english/miscellaneous/html-and-css-cheat-sheet/index.md b/guide/english/miscellaneous/html-and-css-cheat-sheet/index.md
index b5a939ecef..0850919f14 100644
--- a/guide/english/miscellaneous/html-and-css-cheat-sheet/index.md
+++ b/guide/english/miscellaneous/html-and-css-cheat-sheet/index.md
@@ -42,6 +42,19 @@ This can be of use in a CSS navigation menu. The key is to make the height of th
  ```
  More neat tricks <a href = "https://www.webdesignerdepot.com/2016/10/20-essential-css-tricks-every-designer-should-know/" target = '_blank' rel='nofollow'>can be found here</a>
 
+## Drop Caps
+
+A drop caps is a large capital letter letter used at the beginning of a text block.
+```css
+p:first-letter{
+    display:block;
+    float:left;
+    margin:3px;
+    color:#f00;
+    font-size:300%;
+    }
+ ```
+
 ## Center a horizontal list
 
 <a href='http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/' target='_blank' rel='nofollow'>http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/</a>