Question

Hi i have a div as like that

---

This is Frame a div

---

This is my images

---

This is result

The images width and height is not fixed because i don’t know what is size images

Please help me

Answer 1

You can write like this:

CSS

div{
    border:5px solid red;
    display:inline-block;
    box-shadow:0 0 0 10px green;
    margin:100px;
}
img{
    vertical-align:top;
}

HTML

<div><img src="https://i.stack.imgur.com/SWutL.jpg"></div>​

​

Check this http://jsfiddle.net/QkT7d/