Q:

Having trouble positioning text inside a box

I am having an issue with positioning text inside a div. I want the image on the right top corner (which I was able to do) and the text kind of center the bottom text in the box.
This is an example of what I want to do: http://jsfiddle.net/Lucky500/Nq769/ 
I created a div .bottom_box and added:
   .bottom_box {
      position: relative;
      bottom: -50px;
      left: 50px;
    }

Is there an easier or more correct way to do this? 

A:

Alright -

Added text-align:center to your  and  elements.
Set your outer_box position to relative.
Set the img value to absolute and positioned with 0.25 em top and right instead of margin.

http://jsfiddle.net/mr_mayers/Nq769/2/
.outer_box {
    border: solid #6ac5ac 3px;
    display: inline-block;
    width: 250px;
    height: 200px;
    margin: .5em;
    Position: relative;
}

.bottom_box {
    position: relative;
    bottom: -50px;
}

p {
    color: blue;
    text-align: center;
}

img {
    position: absolute;
    padding: 3px;
    top: 0.25em;
    right: 0.25em;
}

h1 {
    text-align: center;
    color: red;
}

