Margin

It's the margin property that adds external spacing. Mont9 Editor has predefined classes for easy usage.

Introduction

To add margin to all sides of an element, insert the .margin-n class.
When you want to add vertical margin (margin-top, margin-bottom) only, use the .margin-height-n class.
When you want to add horizontal margin (margin-right, margin-left) only, use the .margin-width-n class.
When you want to add left margin (margin-left) only, use the .margin-left-n class.

.m9-margin-1

It applies a margin of margin:1em

Result

Contents

m9-margin-1
Contents

Code

<div class="m9-margin-1">
    Contents 영역
</div>

.m9-margin-2

It applies a margin of margin:2em

Result

Contents

m9-margin-2
Contents

Code

<div class="m9-margin-2">
    Contents 영역
</div>

.m9-margin-3

It applies a margin of margin:3em

Result

Contents 영역11

m9-margin-3(외여백:3em)
Contents

Code

<div class="m9-margin-3">
    Contents 영역
</div>

.m9-margin-width-1

It applies a margin of margin:0 1em

Result

Contents

m9-margin-width-1
Contents

Code

<div class="m9-margin-width-1">
    Contents 영역
</div>

.m9-margin-width-2

It applies a margin of margin:0 2em

Result

Contents

m9-margin-width-2
Contents

Code

<div class="m9-margin-width-2">
    Contents 영역
</div>

.m9-margin-width-3

It applies a margin of margin:0 3em

Result

Contents

m9-margin-width-3
Contents

Code

<div class="m9-margin-width-3">
    Contents 영역
</div>

.m9-margin-height-1

It applies a margin of margin:1em 0

Result

Contents

m9-margin-height-1
Contents

Code

<div class="m9-margin-height-1">
    Contents 영역
</div>

.m9-margin-height-2

It applies a margin of margin:2em 0

Result

Contents

m9-margin-height-2
Contents

Code

<div class="m9-margin-height-2">
    Contents 영역
</div>

.m9-margin-height-3

It applies a margin of margin:3em 0

Result

Contents

m9-margin-height-3
Contents

Code

<div class="m9-margin-height-3">
    Contents 영역
</div>