# % align left / px centered?

**URL:** <https://forums.realmacsoftware.com/t/align-left-px-centered/49903>\
**Category:** Elements\
**Created:** [August 18, 2025, 1:00pm UTC](https://forums.realmacsoftware.com/t/align-left-px-centered/49903 "2025-08-18T13:00:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ulrich](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ulrich/32/29764_2.png) [@Ulrich](https://forums.realmacsoftware.com/u/Ulrich)\
**Post date:** [August 18, 2025, 1:00pm UTC](https://forums.realmacsoftware.com/t/align-left-px-centered/49903/1 "2025-08-18T13:00:52Z")

</div>

![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/c/4c599b8927e1dfbe4d5b641c946aeac74e6fc7ab.png)

first Container:

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/4/54e3ab926bb0ad4c31187fd2ba2a67fcc503b75c.png)

second Container:

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/6/b67a0bfe68b979c3ca0cefc1d72603ff73331d5e.png)

Image left:

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/4/d4f4501c39b84ec1e49309f0a5841da299f2f6c7.png)

Image centered:

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/7/57b998348c39017e9ba93d031e40da29d36e05bb.png)

🥴

---

<div class="post-metadata">

**Author:** ![Ulrich](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ulrich/32/29764_2.png) [@Ulrich](https://forums.realmacsoftware.com/u/Ulrich)\
**Post date:** [August 20, 2025, 11:47am UTC](https://forums.realmacsoftware.com/t/align-left-px-centered/49903/2 "2025-08-20T11:47:55Z")

</div>

I’m surprised no one has anything to say about this.

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 20, 2025, 11:52am UTC](https://forums.realmacsoftware.com/t/align-left-px-centered/49903/3 "2025-08-20T11:52:25Z")

</div>

Not sure what you are asking / commenting on? 🙂

---

<div class="post-metadata">

**Author:** ![Ulrich](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ulrich/32/29764_2.png) [@Ulrich](https://forums.realmacsoftware.com/u/Ulrich)\
**Post date:** [August 20, 2025, 12:32pm UTC](https://forums.realmacsoftware.com/t/align-left-px-centered/49903/4 "2025-08-20T12:32:14Z")

</div>

I am sorry for my poor english.

Normally the pic should always be centered. This is true if you use px as width. If you use % as size, the pic jumps to the left.

The question is: Is this normal?

---

<div class="post-metadata">

**Author:** ![mrTablet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrtablet/32/21819_2.png) [@mrTablet](https://forums.realmacsoftware.com/u/mrTablet)\
**Post date:** [August 20, 2025, 1:28pm UTC](https://forums.realmacsoftware.com/t/align-left-px-centered/49903/5 "2025-08-20T13:28:35Z")

</div>

Maybe this will help?

 ![CleanShot 2025-08-20 at 15.25.36](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/7/37cade77c86f4cb4e5997fa3ccf5dc7c419fe88a.webp)

 ![CleanShot 2025-08-20 at 15.26.21](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/1/f12fbe207099b6addaf7e13b37559ea7e6c4173f.webp)

 ![CleanShot 2025-08-20 at 15.25.55](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/b/8b7dbe7daf37cf7d8bfc794ea6c8e82823254eeb.webp)

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [August 20, 2025, 2:09pm UTC](https://forums.realmacsoftware.com/t/align-left-px-centered/49903/6 "2025-08-20T14:09:54Z")

</div>

Absolutely no need to apologise. 🙂

I asked ChatGPT and it suggested using a flex to contain the image instead of your second container.

So I setup a test project and set the Flexbox settings to this:

 ![CleanShot 2025-08-20 at 15.08.19](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/d/2d9df0f1e664f82af0ce57f96688637e14f71745.png)

I was then able to set the image width as a percentage or pixels and the image stayed in the center.

So I have learnt something today! 😀