CODEWITHSUNDEEP
htmlcsstagsborder
user3133573
user3133573

Reputation: 21

How can i get this border to wrap around my div?

Hi guys i would like the border to surround my whole <div id=wedding> but it wont wrap around the image and the text within the <div>. Please help my code is below:

HTML:

<div id="Weddings">
        <img src="images/gallery/weddinggh.jpg">
        <br>
        <a href="gweddings">Click here to check out pictures of 
        <br> our past wedding cakes<a>
</div>

CSS:

#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;
}

Upvotes: -1

Views: 4352

Answers (3)

Paulie_D
Paulie_D

Reputation: 114991

You need to define a border color

#Weddings {
padding: 2px;
border: 1px solid red;
}

or whatever.

Upvotes: 0

ByronMcGrath
ByronMcGrath

Reputation: 375

#Weddings {
padding: 2px;
border: 1px solid;
width:200px;
}

you just need to set a width to your div :)

Here's an example : http://jsfiddle.net/f4t2Z/

Upvotes: 2

Alex
Alex

Reputation: 81

Have you tried 

#Weddings img {
    width:200px;
    height:300px;
    display:block;
}

Upvotes: -1

Related Questions