## Headings_and_Contexts

## header1

/src/assets2/scss/codegrid-ui.scss

- context

Heading text 1

    <div class="CG2-header1">  <div class="CG2-header1__heading">Heading text 1</div></div>

## header2

/src/assets2/scss/codegrid-ui.scss

- context

Heading text 2

    <div class="CG2-header2">  <div class="CG2-header2__heading">Heading text 2</div></div>

## header3

/src/assets2/scss/codegrid-ui.scss

- context

Heading text 3

    <div class="CG2-header3">  <div class="CG2-header3__heading">Heading text 3</div></div>

## leadtext

/src/assets2/scss/codegrid-ui.scss

- context

LeadText

    <div class="CG2-leadText">LeadText</div>

## shortCentered

/src/assets2/scss/codegrid-ui.scss

- context

短い時はセンタリング
長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ

    <div class="CG2-shortCentered">  <div class="CG2-shortCentered__inner">    短い時はセンタリング  </div></div>  <div class="CG2-shortCentered">  <div class="CG2-shortCentered__inner">    長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ長いテキストは左寄せ  </div></div>

## holizontalLine

/src/assets2/scss/codegrid-ui.scss

- context

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Lorem ipsum dolor sit amet, consectetur adipisicing elit

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p> <div class="CG2-holizontalLine"></div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>