Layout Settings in Elements

With Layout in elements, you can make visual adjustments such as as padding and sizing.

Follow these steps to make internal spacing and sizing adjustments in elements:

1. Click on the Element on the screen to make it selected.
   
2. Open the Styling panel.
   
3. Enter a value in the Padding field to adjust the internal spacing settings from the Layout area.
   
4. Enter values in the Size field and select the units of the values in px or % format to adjust the sizing settings in the Layout area.
   
5. To set the minimum width/height of the element in the Layout area, enter values in Min Size and select the units of the values in px or % format.
   
6. In the Layout area, use Max Size to set the maximum width/height that the element can take and select the units of the values in px or % format.
   
7. With Align in the Layout area, you can set the alignment of the element by selecting one of the Align options.
   
8. With Display in the Layout area, you can select block if you want an element to be displayed on a single line in the Container in which it is located, or inline if you want the elements to be displayed side by side .
   

The properties in Layout vary according to the elements. Some elements can use all the features in the Layout, while some elements use limited features.