fix: unexpected blank in translator's note

1 files changed, 14 insertions, 19 deletions

diff --git a/files/zh-cn/learn/getting_started_with_the_web/how_the_web_works/index.html b/files/zh-cn/learn/getting_started_with_the_web/how_the_web_works/index.html
index ef28b3aa6e..eb4e1c6995 100644
--- a/files/zh-cn/learn/getting_started_with_the_web/how_the_web_works/index.html
+++ b/files/zh-cn/learn/getting_started_with_the_web/how_the_web_works/index.html
@@ -44,27 +44,22 @@ translation_of: Learn/Getting_started_with_the_web/How_the_Web_works
 
 <p>除了客户端和服务器，我们还需要了解：</p>
 
-<div class="blockIndicator note">
+<div class="note notecard">
 <p>我感觉下面的比喻还不是很契合。我感觉再合理一点的比喻：</p>
-
 <p>假如你生活在一个封闭的村子叫做“盘溪新村”，村子盛产苹果。</p>
-
-<p>互联网：好比地球上众横交错的道路。</p>
-
-<p>网络连接：道路通到了村子路口。从此，村子里的苹果就可以运出去卖了。</p>
-
-<p>TCP/IP：为了将村里的苹果能规范有效的运卖出去而不出问题，村长作出如下规定：“用规格刚好20cm*20cm*20cm的泡沫箱来装，之后外面又用相应规格的纸箱包裹上，最后打上透明胶”。并且要求，对方收到时，一定要外包装完好，不然就会补发。而且还给对方发了一张发货单，明确说明了，苹果有多少，是用什么方法包装的，只有货和发货单对上了，对方才会确认收货。</p>
-
-<p>DNS：突然一天，郭德纲想吃苹果，就跟于谦说，“我听说盘溪新村(域名)的苹果好，要他们那个套餐一选项啊！”，于谦一听，得，也不知道盘溪新村在哪，打开地图查(DNS)吧，一查，好嘛，江苏省苏州市(ip地址)，于是于谦去了苏州，找了村子，告诉村长，要套餐一，要用顺丰快递，并且留下了北京德云社的地址。</p>
-
-<p>HTTP：过了几天，德云社的人一看，有快递来了，来了这么一句，“只收‘顺丰’，拒收其他快递”。司机忙说，“是顺丰，是顺丰”，这才对上暗号，德云社的人收下了货。</p>
-
-<p>组成文件：送来的货可不止一车，而且也不止一种苹果，这车是红富士，那车黄富士的。</p>
-
-<p>                   -代码：有点像，村长事先安排的说明书，让司机到了地方，如何缷车，货放到                                   什么位置，而德云社的看说明书，知道什么样的苹果放到什么位置上，                                   什么样苹果如何食用最佳，等等。</p>
-
-<p>                    -资源：不同种类的苹果。</p>
-
+<ul>
+ <li><strong>互联网</strong>：好比地球上众横交错的道路。</li>
+ <li><strong>网络连接</strong>：道路通到了村子路口。从此，村子里的苹果就可以运出去卖了。</li>
+ <li><strong>TCP/IP</strong>：为了将村里的苹果能规范有效的运卖出去而不出问题，村长作出如下规定：“用规格刚好 20 cm * 20 cm * 20 cm 的泡沫箱来装，之后外面又用相应规格的纸箱包裹上，最后打上透明胶”。并且要求，对方收到时，一定要外包装完好，不然就会补发。而且还给对方发了一张发货单，明确说明了，苹果有多少，是用什么方法包装的，只有货和发货单对上了，对方才会确认收货。</li>
+ <li><strong>DNS</strong>：突然一天，郭德纲想吃苹果，就跟于谦说，“我听说盘溪新村（域名）的苹果好，要他们那个套餐一选项啊！”，于谦一听，得，也不知道盘溪新村在哪，打开地图查（DNS）吧，一查，好嘛，江苏省苏州市（IP 地址），于是于谦去了苏州，找了村子，告诉村长，要套餐一，要用顺丰快递，并且留下了北京德云社的地址。</li>
+ <li><strong>HTTP</strong>：过了几天，德云社的人一看，有快递来了，来了这么一句，“只收‘顺丰’，拒收其他快递”。司机忙说，“是顺丰，是顺丰”，这才对上暗号，德云社的人收下了货。</li>
+ <li><strong>组成文件</strong>：送来的货可不止一车，而且也不止一种苹果，这车是红富士，那车黄富士的。
+  <ul>
+   <li><strong>代码</strong>：有点像，村长事先安排的说明书，让司机到了地方，如何卸车，货放到什么位置，而德云社的看说明书，知道什么样的苹果放到什么位置上，什么样苹果如何食用最佳，等等。</li>
+   <li><strong>资源</strong>：不同种类的苹果。</li>
+  </ul>
+ </li>
+</ul>
 <p>一点拙见，在下抛砖引玉，希望有更好理解的比喻。</p>
 </div>