# Space

This Guide will help you to add **Space Widget.**

#### DRAG AND DROP SPACE WIDGET

- Drag and Drop **Space Widget** from left side **Widget Panel** as shown in image below.
- Now in **Dialog box** of Space widget you can select **Predefined Styles** and you can also add **custom styles** by clicking on **Edit Element Style** as shown in image below.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Space-drag.png)

### PREDEFINED STYLES

- You can add **Border** in middle of Space area as shown in image below, We have selected **Heavy**.
- Select type of border you want from different options.
- You can resize the **Height** and **Width** of Space by **Dragging** as shown in image.

   
![](https://dotroll.com/wp-content/uploads/2020/08/Space-predefined-styles.png)