Setting Margins, Padding, and Borders for Containers, Columns, and Content Blocks
This guide explains how to set margins, padding, and borders for containers, columns, and content blocks in QuoteCloud, helping you create well-structured and visually appealing documents.
Â
Â
FAQ: Setting margins, padding and borders for containers, columns, and content blocks
What is the difference between margin, padding, and border?
Margin is the space outside an element that separates it from other elements. Padding is the space inside an element between its content and its border/background. A border is a visible line (which can have width, color and style) drawn between padding and margin. For visual examples and context specific to the QuoteCloud document editor, see more information.
How do margins, padding and borders affect layout for containers, columns and content blocks?
Margins control spacing between adjacent elements; padding increases the internal spacing inside an element (affecting the readable area); borders provide a visual boundary. When applied to containers and columns, these properties determine spacing and alignment for the content inside them and relative to neighboring layout elements. For editor-specific notes and typical use cases, see more information.
Do margins and padding behave differently for columns versus single content blocks?
The conceptual behavior is the same: margins add external spacing and padding adds internal spacing. Practical differences arise from how the editor nests containers and columns—parent elements can create additional spacing effects. If you need guidance for adjusting spacing specifically between or inside columns in the QuoteCloud editor, see more information.
Can I set different values for top/right/bottom/left sides individually?
Most modern editors and style panels let you specify per-side values so you can control spacing asymmetrically (for example, more top padding than bottom). For the exact controls and interface steps in the QuoteCloud document editor, see more information.
What units can I use (pixels, percent, em/rem)?
Different editors can support different units (px, %). The choice of units affects responsiveness: percentage and relative units scale with parent/container size, while pixels are fixed. Check the user guide page for the editor’s supported units and recommendations: see more information.
Why do my margin or padding changes sometimes seem to have no effect?
Common causes include: styles being overridden by higher-priority styles, parent container constraints, overlapping element settings, or margin collapsing between vertical block elements. If changes appear not to apply in the QuoteCloud editor, consult the troubleshooting and example scenarios in the user guide: see more information.
How do borders interact with padding and element backgrounds?
Borders appear between an element’s padding and margin. Adding a border will change the element’s visual size unless box-sizing rules are applied. Padding remains inside the border and affects the distance between content and the border. For editor-specific controls for border width, color, style, and corner radius, see more information.
How can I create rounded corners or remove borders entirely?
Rounded corners are typically achieved by setting a border-radius (corner radius) value; removing borders is done by setting the border style or width to none/0. For the exact fields and steps in the QuoteCloud document editor, refer to the user guide: see more information.
What should I check if my border color or width isn't showing as expected?
Verify that the border is enabled and has a non-zero width, check for conflicting styles on parent elements, and ensure sufficient contrast with the background. If the editor supports layering or background images, confirm that the border is not obscured. Specific troubleshooting steps for the QuoteCloud editor are documented in the user guide: see more information.