# Perspective version of layout

**URL:** <https://forum.inductiveautomation.com/t/perspective-version-of-layout/37898>\
**Category:** Ignition\
**Created:** [August 19, 2020, 9:42am UTC](https://forum.inductiveautomation.com/t/perspective-version-of-layout/37898 "2020-08-19T09:42:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yfactor](https://avatars.discourse-cdn.com/v4/letter/y/e79b87/32.png) [@Yfactor](https://forum.inductiveautomation.com/u/Yfactor)\
**Post date:** [August 19, 2020, 9:42am UTC](https://forum.inductiveautomation.com/t/perspective-version-of-layout/37898/1 "2020-08-19T09:42:12Z")

</div>

Hi there,  
I just started using Perspective and I created a header using coordinate component and added a label in there. I placed it in the center but when I launch the label is not in the center… How can I have the label position in the center like how we do it on Vision?  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/e/ae0022d0062fcb2db35ba66e865ec3c7634c8994.png)  
I am trying to follow this tutorial from the manual  
[https://docs.inductiveautomation.com/display/DOC80/Self-Hiding+Navigation+Drawer](https://docs.inductiveautomation.com/display/DOC80/Self-Hiding+Navigation+Drawer)  
but my header label is not centered.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/058a0e72927f9df01274b6433416d732b4120faf.png)

---

<div class="post-metadata">

**Author:** ![jonathan.taylor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jonathan.taylor/32/4048_2.png) [@jonathan.taylor](https://forum.inductiveautomation.com/u/jonathan.taylor)\
**Post date:** [August 19, 2020, 9:54am UTC](https://forum.inductiveautomation.com/t/perspective-version-of-layout/37898/2 "2020-08-19T09:54:55Z")

</div>

Perspective doesn’t work like that - it is entirely different. Take some time to look at CSS for styling your components, and look at the different types of perspective containers as you’ll likely find a better container for what you need than coordinate. (Flex is way better for headers)

Having said that, to get your component in the center in this situation, an easy way is to set the width to 100%, the x coordinate to 0, and then set the text alignment to center.

---

<div class="post-metadata">

**Author:** ![Yfactor](https://avatars.discourse-cdn.com/v4/letter/y/e79b87/32.png) [@Yfactor](https://forum.inductiveautomation.com/u/Yfactor)\
**Post date:** [August 19, 2020, 10:01am UTC](https://forum.inductiveautomation.com/t/perspective-version-of-layout/37898/3 "2020-08-19T10:01:39Z")

</div>

Thank you @jonathan.taylor ! It worked 👍

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/b/7bce4c79e54ad886d4d8b35a66c396980c48f98e.png)