> For the complete documentation index, see [llms.txt](https://velara-3.gitbook.io/web-export/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://velara-3.gitbook.io/web-export/element-options/layout-section.md).

# Layout Section

Change the default size, position and layout of an element

The layout section contains 3 layout options that are also a shortcut to common layouts and sizing:

* The [positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/position)
* The layout location options
* [Sizing options](/web-export/element-options/layout-section/sizing-options.md)

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-MDXB0A9i819qV7u42TQ%2F-MDXHEWCwPX28S5awxS5%2Fimage.png?alt=media\&token=4b4c434a-b528-497e-a814-38fde3081386)

You can define what layout options to use or use none at all. 

The [layout position types](/web-export/element-options/layout-section/position-types.md) are the same the ones listed in the CSS [position](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property: 

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-MDXB0A9i819qV7u42TQ%2F-MDXGVLI-VA5tXELLvmp%2Fimage.png?alt=media\&token=47d8e998-b92b-4c12-9eeb-0f9bb2162661)

The [layout location types](/web-export/element-options/layout-section/position-location.md) are the properties used for moving an element to a specific location: 

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-MDXB0A9i819qV7u42TQ%2F-MDXGhD8ZCldyq4fqzTR%2Fimage.png?alt=media\&token=f74f5c66-e72d-4b21-b810-d77b08ac2fb9)

The [size type options](/web-export/element-options/layout-section/sizing-options.md) are the properties used for setting the size: 

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-MDXB0A9i819qV7u42TQ%2F-MDXGoDkbrkQfaDRc-za%2Fimage.png?alt=media\&token=22412150-d567-4295-9d09-d5d3e309469e)

The default option for layout is **absolute**, using constraints such as top and left and setting both width and height. 

{% hint style="info" %}
There is another layout option for groups for [Row Layout](/web-export/element-options/row-layout.md) and [Column Layout](/web-export/element-options/column-layout.md)
{% endhint %}

{% embed url="<https://developer.mozilla.org/en-US/docs/Web/CSS/position>" %}