CSS border cannot display in the right place

Vote count:

0

I'm trying to put a border at the top of this div and at the bottom. However, this code causes the border to show underneath the 'title' copy rather than at the end of the div.

<div style='border-top: solid; border-bottom:solid'>
    <div>
      <p style='margin-left:200px;'>
        <a href="http://www.me.com">Title</a>
      </p>
    </div>
    <div class="competition_image" style='margin-left:125px;'>
      <%= image_tag "me.png"%>
    </div>
    <div class="competition_image" style='width: 600px; margin-left:125px;'>
      <%= image_tag "mescreenshot.png"%>
    </div>
    <div>
      <p style='float:left; margin-left: 200px;'>
        <a href="http://www.me.com">Click here to read full article</a>
      </p>
    </div>
</div>

Does anyone know why this might be?

asked 43 secs ago

tessad

345