🍓 Berry CSS 3.0

Типографика


Текст текст текст

Текст текст текст

Текст текст текст

Текст текст текст

Текст текст текст
Текст текст текст
<h1>Текст текст текст</h1>
<h2>Текст текст текст</h2>
<h3>Текст текст текст</h3>
<h4>Текст текст текст</h4>
<h5>Текст текст текст</h5>
<h6>Текст текст текст</h6>

Текст текст текст .h1
Текст текст текст .h2
Текст текст текст .h3
Текст текст текст .h4
Текст текст текст .h5
Текст текст текст .h6
<div class="h1">Текст текст текст .h1</div>
<div class="h2">Текст текст текст .h2</div>
<div class="h3">Текст текст текст .h3</div>
<div class="h4">Текст текст текст .h4</div>
<div class="h5">Текст текст текст .h5</div>
<div class="h6">Текст текст текст .h6</div>

Текст текст code code текст текст.

Текст текст var var текст текст.

Текст текст mark mark текст текст.

Текст текст kbd kbd текст текст.

Текст текст samp samp текст текст.

Текст текст <code>code code</code> текст текст. 
Текст текст <var>var var</var> текст текст.
Текст текст <mark>mark mark</mark> текст текст. 
Текст текст <kbd>kbd kbd</kbd> текст текст. 
Текст текст <samp>samp samp</samp> текст текст.

Текст текст Текст текст Текст текст Текст текст
<blockquote>
Текст текст Текст текст Текст текст Текст текст 
</blockquote>

Текст текст Текст текст Текст текст Текст текст 
Текст текст Текст текст Текст текст Текст текст
< pre>
Текст текст Текст текст Текст текст Текст текст 
Текст текст Текст текст Текст текст Текст текст 
</ pre>

Текст текст Текст текст Текст текст Текст текст екст текст Текст текст Текст текст Текст текст

<p class="drop-cap">Текст текст Текст текст Текст текст ...</p>






<hr>
<hr class="dashed">
<hr class="dotted">
<hr class="double bor3">
<hr class="bor-green bor5">
<hr class="t-red700 bor-currentColor bor5">

<span class="t200 bg-green700 t-white icon-circle">✿</span>
<span class="t200 bg-red700 t-white icon-square">❀</span>
<span class="t200 bg-blue700 t-white icon-rounded">❁</span>

<img class="circle" src="assets/images/nature1.jpg" width="200">
<img class="thumbnail" src="assets/images/nature2.jpg" width="200">

<img class="center" src="assets/images/nature3.jpg" width="200">

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
<img class="left" src="assets/images/nature1.jpg" width="100">
<img class="right" src="assets/images/nature2.jpg" width="100">Текст текст текст ...