字符重叠于图形生成实例页面

CSS代码：

.gtlt{font-family:simsun; letter-spacing:-.5em; *zoom:1;}
.result{font-size:12px;}
.result .gtlt{color:#cd0000;}
                

HTML代码：

选择文字大小：<select id="select">
    <option value="12px" selected="selected">12px</option>
    <option value="14px">14px</option>
    <option value="16px">16px</option>
    <option value="18px">18px</option>
    <option value="20px">20px</option>
</select>
<p class="result">这是效果：<strong id="gtlt" class="gtlt">&lt;&lt;</strong></p>
                

JS代码：

document.getElementById("select").onchange = function() {
   document.getElementById("gtlt").style.fontSize = this.value;
};