Padding

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

Introduction

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

.m9-padding-1

It applies a padding of padding:1em

Result

Contents

m9-padding-1
Contents

Code

<div class="m9-padding-1">
    Contents
</div>

.m9-padding-2

It applies a padding of padding:2em

Result

Contents

m9-padding-2
Contents

Code

<div class="m9-padding-2">
    Contents
</div>

.m9-padding-3

It applies a padding of padding:3em

Result

Contents11

m9-padding-3(내부여백:3em)
Contents

Code

<div class="m9-padding-3">
    Contents
</div>

.m9-padding-width-1

It applies a padding of padding: 0 1em

Result

Contents

m9-padding-width-1
Contents

Code

<div class="m9-padding-width-1">
    Contents
</div>

.m9-padding-width-2

It applies a padding of padding:0 2em

Result

Contents

m9-padding-width-2
Contents

Code

<div class="m9-padding-width-2">
    Contents
</div>

.m9-padding-width-3

It applies a padding of padding:0 3em

Result

Contents

m9-padding-width-3
Contents

Code

<div class="m9-padding-width-3">
    Contents
</div>

.m9-padding-height-1

It applies a padding of padding:1em 0

Result

Contents

m9-padding-height-1
Contents

Code

<div class="m9-padding-height-1">
    Contents
</div>

.m9-padding-height-2

It applies a padding of padding:2em 0

Result

Contents

m9-padding-height-2
Contents

Code

<div class="m9-padding-height-2">
    Contents
</div>

.m9-padding-height-3

It applies a padding of padding:3em 0

Result

Contents

m9-padding-height-3
Contents

Code

<div class="m9-padding-height-3">
    Contents
</div>