
<p>This page shows typography and text related elements of the posts and pages in the default WordPress editor. You can see other elements in the <a href="https://sm-dev.theme-sphere.com/good-news/welcome-to-the-future-of-wordpress-with-gutenberg/" target="_blank" rel="noreferrer noopener"><strong>Gutenberg Styles</strong></a> post.</p>



<p>Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan <a href="#">exercitation</a>, photo booth et 8-bit kale chips proident chillwave deep v laborum.</p>



<hr class="wp-block-separator is-style-wide"/>



<p><strong>1. Default Pullquote</strong></p>



<figure class="wp-block-pullquote"><blockquote><p>Only a quarter of young adults are financially literate. You don&#8217;t want to overwhelm them with terrible advice.</p><cite>James Matthews</cite></blockquote></figure>



<p>The normal pullquote style is available only with the Gutenberg Editor.</p>



<p><strong>2. Pullquotes Modern</strong></p>



<p>The modern quote is available both in the classic and Gutenberg editor. In Gutenberg editor, it&#8217;s available as the Large style variant while in the classic editor, it&#8217;s available under More Styles as Modern Quote.</p>



<figure class="wp-block-pullquote is-style-modern"><blockquote><p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully.</p><cite>Shane Doe</cite></blockquote></figure>



<p><strong>3. Pullquotes Colored</strong></p>



<p>You can use any of the color options on both background and text color with this option in Gutenberg.</p>



<figure class="wp-block-pullquote is-style-solid-bg has-white-color has-text-color has-background" style="background-color:#fa4343"><blockquote><p>Only a quarter of young adults are financially literate. You don&#8217;t want to overwhelm them with terrible advice.</p><cite>Shane Doe</cite></blockquote></figure>



<p><strong>4. Blockquote Default</strong></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully.</p><cite>Shane Doe</cite></blockquote>



<p><strong>5. Blockquote Large</strong></p>



<blockquote class="wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow"><p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. </p></blockquote>



<p>Tonx cray commodo, exercitation you probably haven&#8217;t heard of them beard cred. Selfies iPhone Kickstarter, drinking vinegar jean shorts fixie consequat.</p>



<hr class="wp-block-separator is-style-dots"/>



<figure class="wp-block-pullquote alignright"><blockquote><p>Here&#8217;s a right-aligned pullquote to show something from the article.</p><cite>Shane Doe</cite></blockquote></figure>



<p><strong>Pullquote aligned right</strong>. Doctor spectrum kilowog lieberman flash gordon wasp the rose guy gardner deadpool spawn master chief guardian, magog ant-man.&#8221; Metamorpho trey langstrom red guardian, &#8220;hellcat, jane foster betty brant stacy x hellcat emma frost inertia toad quasar?&#8221; Deadpool, &#8220;fancy dan crimson crusader, carnage white queen hyperion.&#8221; </p>



<p>Arcanna captain italy thing phoenix jennifer kale robbie burchill, &#8220;the rose spawn, unicorn elektra.&#8221;</p>



<h2 class="wp-block-heading">Normal Lists</h2>



<p>Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan ;<a href="#">exercitation</a>, photo booth et 8-bit kale chips proident chillwave deep v laborum.</p>



<ul class="wp-block-list"><li>Aliquam erat volutpat</li><li>Exercitation photo booth stumptown tote bag Banksy</li><li>Tempor duis single-origin coffee</li><li>Magnis dis parturient montes</li></ul>



<h2 class="wp-block-heading">Numbered Lists</h2>



<p>Plaid stumptown bespoke, biodiesel minim beard High Life incididunt retro sustainable 90′s Echo Park Tumblr. Photo booth et 8-bit kale chips proident chillwave deep v laborum.</p>



<ol class="wp-block-list"><li>Aliquam erat volutpat</li><li>Exercitation photo booth stumptown tote bag Banksy</li><li>Tempor duis single-origin coffee</li><li>Magnis dis parturient montes</li></ol>



<h1 class="wp-block-heading">Heading 1</h1>



<p>Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud.</p>



<h2 class="wp-block-heading">Heading 2</h2>



<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</p>



<h3 class="wp-block-heading">Heading 3</h3>



<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</p>



<h4 class="wp-block-heading">Heading 4</h4>



<p>Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed.</p>



<h5 class="wp-block-heading">Heading 5</h5>



<p>Photo booth anim 8-bit hella, PBR 3 wolf moon beard Helvetica.</p>



<h6 class="wp-block-heading">Heading 6</h6>



<p>Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic fingerstache fanny pack nostrud.</p>



<h3 class="wp-block-heading">Common Basic Styles</h3>



<p>Exercitation photo ;<strong>bold text</strong> ;tote bag ;<em>the italics</em>, elit small ;colored ;sed. ;<a href="#">A link here</a> ;elit seitan ;<a href="#">exercitation</a>, photo ;<del>strikethrough</del> ;et 8-bit kale inline code: ;<code>strip_tags()</code> ;and moving on.</p>



<pre class="wp-block-preformatted">function code_sample($text) { 
 $text = compute_sample($text);
 return $text; 
}</pre>



<p class="has-drop-cap">Drop caps example here. Scarlet witch fenris colossus lockjaw wolverine abomination the new sentinels rogue, wonder girl dreadknight shriek ahab. Darkman shadow king ghost rider falcon neuropath montana shape baron zemo?</p>



<p>Looking for more styles and elements? See <a href="https://sm-dev.theme-sphere.com/good-news/welcome-to-the-future-of-wordpress-with-gutenberg/" target="_blank" rel="noreferrer noopener"><strong>Gutenberg Styles</strong></a> post.</p>

