最近很多人都在學習html編程語言，其中比較有趣的一個小技巧就是用html編寫一個可愛的愛心。這個小技巧的代碼非常簡單，只需要在pre標簽中輸入下面這段代碼：

<div style="width: 100px; height: 100px; position: relative;">
<div style="width: 50px; height: 80px; background-color: red; position: absolute; left: 25px; transform: rotate(-45deg);"></div>
<div style="width: 50px; height: 80px; background-color: red; position: absolute; right: 25px; transform: rotate(45deg);"></div>
</div>

如上所示，用這段代碼可以輕松地在自己的網頁中加入一個可愛的愛心。不過，如果我們想要在愛心中添加自己的名字，該怎么辦呢？其實，在這里添加名字也是非常簡單的。我們只需在愛心的外面再加上一個div標簽，并將我們的名字包裹在span標簽中，就可以實現在愛心中加入我們的名字了。

<div style="text-align: center;">
<div style="width: 100px; height: 100px; position: relative;">
<div style="width: 50px; height: 80px; background-color: red; position: absolute; left: 25px; transform: rotate(-45deg);"></div>
<div style="width: 50px; height: 80px; background-color: red; position: absolute; right: 25px; transform: rotate(45deg);"></div>
<span style="position: absolute; top: 30px;">我的名字</span>
</div>
</div>

這個添加名字的過程只需要在愛心的外面再加上一個div標簽即可，然后在這個div標簽中加入我們的名字。同時，我們也可以在這個div標簽中加上text-align: center樣式，以使我們的名字在愛心正中央。