检查元素和查看源代码显示两个不同的东西

我正在使用 Google Chrome 中的 Inspect Element 来找出控制此模板网站幻灯片下方幻灯片控制器按钮大小的因素：

http://themefuse.com/demo/html/Medica/index-slider-2.html

当我单击“心脏病学”按钮上的“检查元素”时，我在 HTML 代码中看到一行内容：

<li style="width: 192px; overflow: hidden;"><a href="#" rel="1" class="">Cardiology</a></li>

但是，当我查看页面的源代码时，不存在这样的行！这对我来说是一个问题，因为我想编辑按钮的大小及其内部的文本。

请帮忙！谢谢！

“源代码”是浏览器从服务器接收到的内容。可以通过JavaScript来改变； “检查元素”始终显示文档的当前形状。

编辑：话又说回来，有时事情并不复杂。看看我在源代码中发现了什么：

<li>
    <div class="textHolder">
    <h3>Cardiology</h3>
    <p><span><strong><a href="#">Cardiac Rehabilitation Center</a></strong> We helped Glade Inc. design their latest fragrance for household perfumes </span></p>
    </div>
    <img src="images/temp/slider_img_01.jpg" alt="" /> 
</li>

然后由JS进一步修改。