Making a div the same size as an image inside it

Question

I have an div with the following code

HTML:

Answer 1

This will do the work:

div{
    border:1px solid black;  /* you can remove this */
    box-sizing:border-box; /* you can remove this */
    padding:13px;
    min-width:250px;
    min-height:250px;
    display:inline-block;
}

So either use float on your div or just use display:inline-block manually.

Here is example: http://jsfiddle.net/mxykW/