Follow-up to #13671; improves consistency of text with previous examples

Also fixes a small indentation error.

diff --git a/docs/_includes/css/type.html b/docs/_includes/css/type.html
index 124e4f087b0e899b7819d890a4b2533c55ce1c81..70e3fc36d7bed0550f951d20cf6e7f0c2336cc14 100644 (file)
--- a/docs/_includes/css/type.html
+++ b/docs/_includes/css/type.html
@@ -207,14 +207,14 @@ You can use the mark tag to <mark>highlight</mark> text.
   <h2 id="type-transformation">Transformation classes</h2>
   <p>Transform text in components with text capitalization classes.</p>
   <div class="bs-example">
-      <p class="text-lowercase">Lowercase text.</p>
-      <p class="text-uppercase">Uppercase text.</p>
-      <p class="text-capitalize">Capitalize text.</p>
+    <p class="text-lowercase">Lowercased text.</p>
+    <p class="text-uppercase">Uppercased text.</p>
+    <p class="text-capitalize">Capitalized text.</p>
   </div>
 {% highlight html %}
-<p class="text-lowercase">Lowercase text.</p>
-<p class="text-uppercase">Uppercase text.</p>
-<p class="text-capitalize">Capitalize text.</p>
+<p class="text-lowercase">Lowercased text.</p>
+<p class="text-uppercase">Uppercased text.</p>
+<p class="text-capitalize">Capitalized text.</p>
 {% endhighlight %}
 
   <!-- Abbreviations -->