From 6ef998628d076b967c7e840d17fb627af7c066e6 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 22 Oct 2017 19:35:42 -0700
Subject: [PATCH] improve visual appeal of examples

---
 docs/4.0/utilities/display.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/4.0/utilities/display.md b/docs/4.0/utilities/display.md
index 610934a500..a5ad2ea3c6 100644
--- a/docs/4.0/utilities/display.md
+++ b/docs/4.0/utilities/display.md
@@ -35,13 +35,13 @@ The media queries effect screen widths with the given breakpoint *or larger*. Fo
 ## Examples
 
 {% example html %}
-<div class="d-inline bg-success">d-inline</div>
-<div class="d-inline bg-success">d-inline</div>
+<div class="d-inline p-2 bg-primary text-white">d-inline</div>
+<div class="d-inline p-2 bg-dark text-white">d-inline</div>
 {% endexample %}
 
 {% example html %}
-<span class="d-block bg-primary">d-block</span>
-<span class="d-block bg-primary">d-block</span>
+<span class="d-block p-2 bg-primary text-white">d-block</span>
+<span class="d-block p-2 bg-dark text-white">d-block</span>
 {% endexample %}
 
 ## Hiding Elements