# Centering an image

**URL:** <https://forum.freecodecamp.org/t/centering-an-image/146595>\
**Category:** General\
**Created:** [September 7, 2017, 7:00pm UTC](https://forum.freecodecamp.org/t/centering-an-image/146595 "2017-09-07T19:00:17Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![edydagameguy](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/edydagameguy/32/83362_2.png) [@edydagameguy](https://forum.freecodecamp.org/u/edydagameguy)\
**Post date:** [September 7, 2017, 7:00pm UTC](https://forum.freecodecamp.org/t/centering-an-image/146595/1 "2017-09-07T19:00:17Z")

</div>

I just began my first project and am trying to center an image in it. I have looked on a few websites and searched through the freecodecamp projects I have previously completed and can’t find anything that will work.  
Here is my code so far:

```auto
<style>
  .green-text {
    color:green;
  }
  .smaller-image {
    width:500px
</style>
<h1 class="green-text text-center">Karl Marx</h1>
<a href="#"><img class="smaller-image" src='//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/freecodecamp/original/3X/8/c/8cb74b7339564360d451b4f3484be5340d0da18f.jpg'></a>

```

Thanks

---

<div class="post-metadata">

**Author:** ![lukaszsobek](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lukaszsobek/32/64174_2.png) [@lukaszsobek](https://forum.freecodecamp.org/u/lukaszsobek)\
**Post date:** [September 7, 2017, 7:02pm UTC](https://forum.freecodecamp.org/t/centering-an-image/146595/2 "2017-09-07T19:02:43Z")

</div>

You might want to look into margin, or text center

btw, you’re missing a closing bracket and the declarations should not really be in one line unless minimized for production purposes

---

<div class="post-metadata">

**Author:** ![Flopet17](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/flopet17/32/34902_2.png) [@Flopet17](https://forum.freecodecamp.org/u/Flopet17)\
**Post date:** [September 7, 2017, 7:04pm UTC](https://forum.freecodecamp.org/t/centering-an-image/146595/3 "2017-09-07T19:04:00Z")

</div>

You should add `text-align: center` to the container of the img tag. This will center it horizontally.

---

<div class="post-metadata">

**Author:** ![SuperSaiyanThree](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/supersaiyanthree/32/65276_2.png) [@SuperSaiyanThree](https://forum.freecodecamp.org/u/SuperSaiyanThree)\
**Post date:** [September 8, 2017, 1:51am UTC](https://forum.freecodecamp.org/t/centering-an-image/146595/4 "2017-09-08T01:51:56Z")

</div>

try placing a center element right before the image element and remember to close it.

---

<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:40pm UTC](https://forum.freecodecamp.org/t/centering-an-image/146595/6 "2021-01-17T20:40:14Z")

</div>

Closed on January 17, 2021, 8:40pm UTC