title: Why do these same pieces of code produce different outputs?
body: <p>For my job, we have a developer website, and a live website; and anytime I want to make any type of edit or change, I am to test it on the developer site and then put it on the live site. On the homepages for both websites, everything looks pretty similar except for the fact that on the live site, in the second column of articles i put buttons at the bottom of them, and they are all supposed to be lined up horizontally, but they aren't on the live site, only the dev site. It's one specific article that the button is unaligned on, and here are the codes for both of them:</p>
  
  <p>DEV:  </p>
  
  <pre><code>&lt;div style="text-align: center;"&gt;
  &lt;a href="/index.php/media-center/articles"&gt;&lt;img alt="" src="images/yootheme/head_lead4.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  
      <strong><a href="/index.php/media-center/articles">News &amp; Events</a></strong></p>
  
  <ul>
      <li>
          <a href="/index.php/media-center/articles/185-activity-types">Organic CM: Activity Types</a></li>
      <li>
          <a href="/index.php/media-center/articles/183-processengineeringperspective">Continuous Integration from a Process Engineering Perspective</a></li>
      <li>
          <a href="/index.php/media-center/videos">CMI Feature Videos: An Introduction</a></li>
      <li>
          <a href="/index.php/media-center/articles/218-cmi-launches-its-software-development-center-of-excellence-in-bangalore-india">CMI Launches its Software Development Center of Excellence in Bangalore, India</a></li>
  </ul>
  
  
      <a href="/index.php/media-center/articles"></a></p>
  
  <p>Live:</p>
  
  <pre><code>&lt;div style="text-align: center;"&gt;
  &lt;a href="/index.php/media-center/articles"&gt;&lt;img alt="" src="images/yootheme/head_lead4.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  
      <strong><a href="/index.php/media-center/articles">News &amp; Events</a></strong></p>
  
  <ul>
      <li>
          <a href="/index.php/media-center/articles/185-activity-types">Organic CM: Activity Types</a></li>
      <li>
          <a href="/index.php/media-center/articles/183-processengineeringperspective">Continuous Integration from a Process Engineering Perspective</a></li>
      <li>
          <a href="/index.php/media-center/videos">CMI Feature Videos: An Introduction</a></li>
      <li>
          <a href="/index.php/media-center/articles/218-cmi-launches-its-software-development-center-of-excellence-in-bangalore-india">CMI Launches its Software Development Center of Excellence in Bangalore, India</a></li>
  </ul>
  
  
      <a href="/index.php/media-center/articles"></a></p>
  
  <p>The two codes look exactly the same to me....Also, here is the live site link <a href="http://www.cmi.com" rel="nofollow noreferrer">Live Site</a></p>
  
  <p>I cannot give the link for the dev site for security reasons, but just assume that the buttons on the bottom are aligned. </p>