From d490e42ffe823173477b841ec397105bd06cb336 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Thu, 17 Jun 2021 13:35:36 -0400
Subject: rid of $samples iframes

---
 files/zh-cn/web/css/shape-margin/index.html | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

(limited to 'files/zh-cn/web/css/shape-margin')

diff --git a/files/zh-cn/web/css/shape-margin/index.html b/files/zh-cn/web/css/shape-margin/index.html
index 1590690856..afc4a907df 100644
--- a/files/zh-cn/web/css/shape-margin/index.html
+++ b/files/zh-cn/web/css/shape-margin/index.html
@@ -49,7 +49,9 @@ shape-margin: unset;
 
 <h2 id="范例">范例</h2>
 
-<h3 id="HTML">HTML</h3>
+<h3 id="Adding_a_margin_to_a_polygon">Adding a margin to a polygon</h3>
+
+<h4 id="HTML">HTML</h4>
 
 <pre class="brush: html">&lt;section&gt;
 &lt;div class="shape"&gt;&lt;/div&gt;
@@ -59,9 +61,9 @@ uncertain to every one except some individual who attempts to set them
 forth; but before the world was fashioned the square on the hypotenuse
 was equal to the sum of the squares on the other two sides of a right
 triangle, and it will be so after this world is dead; and the inhabitant
-of Mars, if he exists, probably knows its truth as we know it.&lt;/section&gt;</pre>
+of Mars, if one exists, probably knows its truth as we know it.&lt;/section&gt;</pre>
 
-<h3 id="CSS">CSS</h3>
+<h4 id="CSS">CSS</h4>
 
 <pre class="brush: css">section {
   max-width: 400px;
@@ -77,10 +79,9 @@ of Mars, if he exists, probably knows its truth as we know it.&lt;/section&gt;</
   shape-margin: 20px;
 }</pre>
 
-<h3 id="Result">Result</h3>
-
-<p><iframe class="live-sample-frame sample-code-frame" frameborder="0" height="250" id="frame_Example" src="https://mdn.mozillademos.org/zh-CN/docs/Web/CSS/shape-margin$samples/Example?revision=1608812" width="500"></iframe></p>
+<h4 id="Result">Result</h4>
 
+<p>{{EmbedLiveSample("Adding_a_margin_to_a_polygon", 500, 250)}}</p>
 <h2 id="规范">规范</h2>
 
 <table class="standard-table">
@@ -104,11 +105,7 @@ of Mars, if he exists, probably knows its truth as we know it.&lt;/section&gt;</
 
 <h2 id="浏览器兼容性">浏览器兼容性</h2>
 
-<div>
-
-
-<p>{{Compat("css.properties.shape-margin")}}</p>
-</div>
+<p>{{Compat}}</p>
 
 <h2 id="参见">参见</h2>
 
-- 
cgit v1.2.3-54-g00ecf