title: How can i get this border to wrap around my div?
body: <p>Hi guys i would like the border to surround my whole <code>&lt;div id=wedding&gt;</code> but it wont wrap around the image and the text within the <code>&lt;div&gt;</code>. Please help my code is below:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="Weddings"&gt;
          &lt;img src="images/gallery/weddinggh.jpg"&gt;
          &lt;br&gt;
          &lt;a href="gweddings"&gt;Click here to check out pictures of 
          &lt;br&gt; our past wedding cakes&lt;a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#Weddings {
      padding: 2px;
      border: 1px solid;
  }
  
  #Weddings a:link {
      text-decoration:none;
      color:black;
      font-size:16px;
      font-family: "footer";
  }
  
  #Weddings img {
      width:200px;
      height:300px;
  }
  </code></pre>