diff --git a/README.md b/README.md
index 6ff615abbfd49de8eeddcbcfb31cf77df6698654..f56ae451c6a17a3e3fe3f7a500ebc8f1abfb7126 100644
--- a/README.md
+++ b/README.md
@@ -522,12 +522,15 @@ The distance (in pixels) the mouse must be from an empty sortable while dragging
 Demo: https://jsbin.com/becavoj/edit?js,output
 
 An alternative to this option would be to set a padding on your list when it is empty.
+
 For example:
-`ul:empty {
+```css
+ul:empty {
   padding-bottom: 20px;
-}`
+}
+```
 
-Warning: For :empty to work, it must have no node inside (even text one).
+Warning: For `:empty` to work, it must have no node inside (even text one).
 
 Demo:
 https://jsbin.com/yunakeg/edit?html,css,js,output