Spacers and dividers

the divider and spacer content blocks can be used to create natural breaks in the design that you've created within the editor in a rendered design, the divider and spacer may look very similar, but each content block provides a different set of options in the sidebar depending on your use case, you may prefer the divider over the spacer, or vice versa so what are the differences and similarities between these content blocks? let's take a look dividers the divider content block traditionally uses a physical divider line that you can drag and drop into your design if you prefer to use a divider content block without this line, you can enable the transparent toggle to remove the physical line if you prefer to have a visible divider, you can customize the look and feel using the line settings in the sidebar these settings include line appearance ( solid , dotted , or dashed ), line height, and a color picker you also have access to a width setting, which determines how much of the column containing the line will fill you can also align your divider to the left, center, or right the divider content block also includes padding options divider padding works the same as it does for most other content blocks keep in mind that the maximum padding value on any given side is 60px, which limits the amount of empty space you can create with a divider spacers the spacer content block acts much like a transparent divider in that it simply creates blank space in your design as a result, the only setting that the spacer has in the sidebar is height , which allows you more granular control over the empty space you are creating there is no limit to the height that you can assign to your spacer the spacer block is useful if you know exactly how much empty space you need to create in your design, particularly if you are working with background images or image content blocks that don't use the same aspect ratio