# Need to center a module

**URL:** <https://community.hubspot.com/t/need-to-center-a-module/21673>\
**Category:** CMS Development\
**Created:** [June 13, 2020, 1:09pm UTC](https://community.hubspot.com/t/need-to-center-a-module/21673 "2020-06-13T13:09:26Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![bshirshekar1](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bshirshekar1/32/9373_2.png) [@bshirshekar1](https://community.hubspot.com/u/bshirshekar1)\
**Post date:** [June 13, 2020, 1:09pm UTC](https://community.hubspot.com/t/need-to-center-a-module/21673/1 "2020-06-13T13:09:26Z")

</div>

![28055iB15E6110ED053D2C.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/d/3de50f7ddd1ac7128153fbc7fafd2a9f91b58174.jpeg)

How do I center this module?

\<div class=“custom-team-group clearfix”\>  
\<div class=“custom-team-heading-group” id=“{{ module.bookmark\_id }}”\>  
\<h2\>{{ module.heading }}\</h2\>  
\</div\>  
\<div class=“custom-team-inner-group clearfix”\>  
{% for item in module.item %}  
\<div class=“custom-team-item “\>  
\<div class=“custom-team-inner-item matchHeight”\>  
\<div class=“image”\>  
\<a href=”{{ item.team\_member\_url\_link }}”\>  
{% if item.image\_field.src %}  
{% set sizeAttrs = ‘width=“{{ item.image\_field.width }}” height=“{{ item.image\_field.height }}”’ %}  
{% if item.image\_field.size\_type == ‘auto’ % }  
{% set sizeAttrs = ‘style=“max-width: 100%; height: auto;”’ %}  
{% elif item.image\_field.size\_type == ‘auto\_custom\_max’%}  
{% set sizeAttrs = ‘width=“100%” height=“auto” style=“max-width: {{ item.image\_field.max\_width }}px; max-height: {{ item.image\_field.max\_height }}px”’ %}  
{% endif %}  
\<img src=‘{{ item.image\_field.src}}’ alt=’ {{i tem.image\_field.src}}’ {{sizeAttrs}} style=‘border-radius: 50%’\>  
{% endif %}  
\</a\>  
\</div\>  
\<h3\>{{ item.member\_name }}\</h3\>  
\<p\>{{ item.designation }}\</p\>  
\</div\>  
\</div\>  
{% endfor %}  
\</div\>  
\</div\>

---

<div class="post-metadata">

**Author:** ![Chris-M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/chris-m/32/61599_2.png) [@Chris-M](https://community.hubspot.com/u/Chris-M)\
**Post date:** [June 13, 2020, 2:58pm UTC](https://community.hubspot.com/t/need-to-center-a-module/21673/2 "2020-06-13T14:58:44Z")

</div>

Hi @bshirshekar1,

could you provide us with a preview link, a screenshot, or can you tell us what you want to center?

Out of the blue, i would recommend to use display: flex; with following proppertys:

`style="display:flex; justify-content:center; align-items:center;"`

With this you can center divs/elements horizontaly and verticaly.

We could provide you with a more specific answere if we know what you like to do.

- Chris