And then this CSS styles it: .energy-rating-item {   position: relative; } .energy-rating-item img {   width: 300px; } .energy-rating-item .cec {   width: 300px;   text-align: center;   bottom: 22px;   font-size: 3em;   font-weight: bold;   position: absolute; } The key lines are ‘position: relative’ and ‘position: absolute’. Because the .cec div is nested inside the .energy-rating-item div, setting the positions to relative and absolute respectively lets you position the nested div anywhere on the screen in relation to the containing div. In this case, 22px from the bottom.