I am a beginner and I'm having trouble placing text below an image, with the text centered horizontally.

I tried using background-image and managed to get the text above the image, but not below it. If I use negative percentages, the image gets cut off.

```css
a {
background: url('docs.png') no-repeat 50% 45%;
}
...
<a href="tasks.htm l">Tasks We Do</a>
...