title: How do I get these link buttons to display properly in this PHP code?
body: <p>I'm trying to add some additional links to a php script.</p>
  
  <p>Here is the original code:</p>
  
  <pre><code>        &lt;div id="content-left"&gt;
          &lt;h4&gt;Recent Work&lt;/h4&gt;
          &lt;?php query_posts('posts_per_page=2&amp;cat=-8,-52,-53,-54'); ?&gt;
  
          &lt;?php if(have_posts()) : ?&gt;&lt;?php while(have_posts()) : the_post(); ?&gt;
  
          &lt;div class="home-blog-feed"&gt;
            &lt;?php the_post_thumbnail(array(130, 70, true)); ?&gt;
  
              &lt;div class="home-feed-right"&gt;
              &lt;span class="home-title"&gt;&lt;?php the_title(); ?&gt;&lt;/span&gt;
              &lt;span class="home-description"&gt;&lt;?php echo get_post_meta($post-&gt;ID, 'Caption', true); ?&gt;&lt;/span&gt;
              &lt;span class="home-link"&gt;&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;View Gallery&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;?php endwhile; ?&gt;
          &lt;a href="http://www.mysite.com/blog/" class="button feed"&gt;View More&lt;/a&gt;
  &lt;?php endif; ?&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>That code is producing the following output:</p>
  
  <p><img src="https://i.stack.imgur.com/MsPjl.png" alt="screenshot"></p>
  
  <p>I'm trying to add two additional buttons below the 'View More' button. When I add the code, the buttons appear at the top of the parent div and end up appearing behind 'Recent Work' and the first picture.</p>
  
  <p>I'm new with php, any help as to why it is not appearing below the 'View More' button would be greatly appreciated. I've tried using echo command and '\n' to create breaks, but it doesn't take effect.</p>
  
  <p>Also, here is an example of the coded button I'm attempting to add below the 'View More' button:</p>
  
  <pre><code>&lt;a class="large-button" href="http://www.mysite.com/my-specified-page/"&gt;View Page&lt;/a&gt;
  </code></pre>
  
  <p>Here is the page:</p>
  
  <p><a href="http://www.aimeehurstphotography.com/wedding-photography-2/" rel="nofollow noreferrer">http://www.aimeehurstphotography.com/wedding-photography-2/</a></p>
  
  <p>Here is the CSS for the left content output:</p>
  
  <pre><code>#content-left {
  width:330px;
  float:left;
  height:auto;
  padding:0;
  margin:0;}
  
  .home-blog-feed {
      width:100%;
      height:auto;
      float:left;
      padding:0 0 10px 0;
      margin-bottom:7px;}
  .home-blog-feed img {
      text-align:left;
      float:left;
      margin:0 18px 0 0;
      vertical-align:top;
      border:#CCC solid 1px;
      padding:5px;
      background:#FFFFFF;}
  
      .home-feed-right {
          width:170px;
          float:left;}
  
      .home-title {
          font-weight:bold;
          width:100%;
          display:block;
          margin-bottom:5px;
          font-family:Arial, Helvetica, sans-serif;
          font-size:14px;}
      .home-description {
          font-weight:normal;
          font-family:Arial, Helvetica, sans-serif;
          font-size:12px;
          padding:0;
          display:block;
          margin:0 0 5px 0;
          color:#666;
      }
      .home-link a {
          font-weight:normal;
          font-family:Arial, Helvetica, sans-serif;
          font-size:12px;
          display:block;
          color:#008080;
      }
      .home-link a:hover {
          color:#960;
      }
  </code></pre>