Borders

index.html

@@ -281,10 +281,10 @@ <h3><a href="#.echo" id=".echo"></a><code>.echo</code></h3>
 
 <p>The <code>.echo</code> class can display <code>&lt;script&gt;</code> and <code>&lt;style&gt;</code> elements inline, using a <a href="https://blog.glyphdrawing.club/font-with-built-in-syntax-highlighting/"><cite>font with built-in syntax highlighting</cite></a>.</p>
 
-<p><i>Try changing the <code>rotation</code>!</i></p>
+<p><i>Try changing the <code>border</code> thickness!</i></p>
 
 <style class="echo" id="echo-style" contenteditable="true">#echo-style {
-  transform: rotate(-0.5deg);
+  border: 3px solid fuchsia;
 }
 </style>
 
@@ -301,7 +301,7 @@ <h3><a href="#.reflect" id=".reflect"></a><code>.reflect</code></h3>
 
 <style class="echo reflect" id="reflect-style" contenteditable="true">
 #reflect-style {
-  transform: rotate(0.5deg);
+  border: 3px solid lime;
 }
 </style>