From 895daa800697006155ebb5ca930b474fcb603732 Mon Sep 17 00:00:00 2001
From: Alexander Bell <mail@alexbell.de>
Date: Wed, 30 May 2018 22:02:19 -0600
Subject: [PATCH] Update README.md

---
 README.md | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 6e43d44..9c4c4b7 100644
--- a/README.md
+++ b/README.md
@@ -16,9 +16,15 @@ Add following line at the beginning of your document:
 
 Use the ReactFancyImage component:
 
-`<Image img={require(imgUrl)} headlineA="" headlineB="" />`
-
-> The image is displayed 'absolute'. To embed it into your website it is recommended to use a parent `<div style={{position: "relative"}}>`.
+```jsx
+<ReactFancyImage img={require(imgUrl)} headlineA="" headlineB="" />
+//The image is displayed 'absolute'.
+//To embed it into your website it is recommended to use a parent div
+//to be able to move and style the image. Like so:
+<div style={{position: 'relative'}}>
+  <ReactFancyImage img={require(imgUrl)} headlineA="" headlineB="" />
+</div>
+```
 
 # Contact