您好！

您做这样的代码尝试实验非常好，可以体会HTML5代码中的一些乐趣。

因为<pre>标签本身是原格式标签，它的目的就是希望，文本内容写什么样，就输出什么样。

所以，标签内添加居中属性后，文字就乱了。

希望可以帮助到您！

那为什么在2.5点特殊文字符号中的<pre>标签中添加居中属性特殊文字符号不受影响呢

您好！

您做这样的对比思考非常好。

您可以观察2.5 和2.8 案例之间的区别。

2.5案例中，尝试去掉 align 属性后，查看页面是什么效果；

2.8案例中，尝试去掉<pre>标签，查看页面是什么效果；

所以，区别的关键，是文本内容是否已经画好了，没有什么死规矩。

而且，2.5的 “狗狗”全部是居左的，可以整体迁移；2.8的“元旦快乐“，文本内容已经分散，是硬拼凑的。

因此，根据内容不同的特点，不断尝试，就可以做出不错的字符画。

希望可以帮助到您！