# Help with image and text

**URL:** <https://forum.freecodecamp.org/t/help-with-image-and-text/168142>\
**Category:** General\
**Created:** [January 11, 2018, 12:09pm UTC](https://forum.freecodecamp.org/t/help-with-image-and-text/168142 "2018-01-11T12:09:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![prime23](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/prime23/32/85443_2.png) [@prime23](https://forum.freecodecamp.org/u/prime23)\
**Post date:** [January 11, 2018, 12:09pm UTC](https://forum.freecodecamp.org/t/help-with-image-and-text/168142/1 "2018-01-11T12:09:52Z")

</div>

So i have an large image on my website, and i would like text in the middle of it.

```auto
<div class="img-background">
	 <img class="img-climb" src="img/climb.jpg.jpg" alt="no climber>
	  <p id="img-climb-text">Etiam malesuada ultricies donec ac velit a lorem luctus ultricies</p>
	</div>

```

So how do i get the text to move up inte image area? and in the middle of it?

---

<div class="post-metadata">

**Author:** ![n\_haniph](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/n_haniph/32/72750_2.png) [@n\_haniph](https://forum.freecodecamp.org/u/n_haniph)\
**Post date:** [January 11, 2018, 2:22pm UTC](https://forum.freecodecamp.org/t/help-with-image-and-text/168142/2 "2018-01-11T14:22:27Z")

</div>

This will help you: [https://css-tricks.com/text-blocks-over-image/](https://css-tricks.com/text-blocks-over-image/) or [https://www.w3schools.com/howto/howto\_css\_image\_text.asp](https://www.w3schools.com/howto/howto_css_image_text.asp)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:30pm UTC](https://forum.freecodecamp.org/t/help-with-image-and-text/168142/3 "2021-01-17T20:30:35Z")

</div>