From be24150bd4046984096ce294a0e50949df8b07b6 Mon Sep 17 00:00:00 2001
From: Shobhit Sachan <31156049+sachans@users.noreply.github.com>
Date: Wed, 7 Mar 2018 03:20:16 +0530
Subject: [PATCH] Update hover-shadow-box-animation.md

---
 snippets/hover-shadow-box-animation.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/snippets/hover-shadow-box-animation.md b/snippets/hover-shadow-box-animation.md
index b99c0f60e..9dbe0210b 100644
--- a/snippets/hover-shadow-box-animation.md
+++ b/snippets/hover-shadow-box-animation.md
@@ -6,7 +6,7 @@ Creates a shadow box around the text whern it is hovered.
 #### HTML
 
 ```html
-< h4 class = "hover-shadow-box-animation"> Box it! </h4>
+<h4 class = "hover-shadow-box-animation"> Box it! </h4>
 ```
 
 #### CSS
@@ -18,6 +18,7 @@ Creates a shadow box around the text whern it is hovered.
   -webkit-transform:perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
+  margin: 10px;
   -webkit-transition-duration : 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: box-shadow, transform;
@@ -32,7 +33,7 @@ Creates a shadow box around the text whern it is hovered.
 #### Demo
 
 <div class = "snippet-demo">
-  < h4 class = "snippet-demo_hover-shadow-box-animation"> Box it! 
+  <h4 class = "snippet-demo_hover-shadow-box-animation"> Box it! 
 </h4>
 </div>
                                                        
@@ -40,6 +41,7 @@ Creates a shadow box around the text whern it is hovered.
 .snippet-demo_hover-shadow-box-animation{
   display: inline-block;
   color: #0087ca;
+  margin: 10px;
   vertical-align: middle;
   -webkit-transform:perspective(1px) translateZ(45);
   transform: perspective(1px) translateZ(45);