CSS align top left corner

How to position text to top left position on an image with CSS

To position text to top left, use theleft and top property. You can try to run the following code to position text to left position on an image

Example

Live Demo

.box { position: relative; } img { width: 100%; height: auto; opacity: 0.6; } .direction { position: absolute; top: 10px; left: 19px; font-size: 13px; }

Heading One

Below image has text in the top left: