pullquote

gistfile1.txt

<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p>default pull quote, no alignment</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"wide"} -->
<figure class="wp-block-pullquote alignwide"><blockquote><p>default pull quote, wide</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"full","className":"is-style-default"} -->
<figure class="wp-block-pullquote alignfull is-style-default"><blockquote><p>default pull quote full</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"left","className":"is-style-default"} -->
<figure class="wp-block-pullquote alignleft is-style-default"><blockquote><p>default pull quote align left</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p> This paragraph has no alignment. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique est ac pellentesque consequat. Aliquam convallis, dui et elementum tempus, mauris odio condimentum diam, et suscipit elit massa ut quam. Phasellus commodo nunc eget ante luctus laoreet. <strong>Mauris</strong> fermentum ipsum sit amet consectetur dictum. <a href="http://localhost:8888/wp-admin/post.php?post=1809&amp;action=edit#link">Link</a>. Morbi rutrum neque massa, hendrerit rutrum enim blandit sed. Suspendisse rhoncus mi id sapien volutpat rutrum. Pellentesque porta diam dui, ut ornare enim aliquet in. </p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"right"} -->
<figure class="wp-block-pullquote alignright"><blockquote><p>default pullquote, align right</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Mauris nunc dui, mollis et eleifend a, rutrum ut est. Mauris eget ante sit amet nunc tempor iaculis. Vivamus eleifend at ligula dapibus fermentum.<em> Ut sollicitudin codio non felis aliquet accumsan in finibus velit. </em>Aliquam quis tellus feugiat neque vestibulum aliquet vel non velit.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"mainColor":"yellow","textColor":"black","className":"is-style-solid-color"} -->
<figure class="wp-block-pullquote has-background has-yellow-background-color is-style-solid-color"><blockquote class="has-text-color has-black-color"><p>solid pull quote, no alignment</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"mainColor":"yellow","textColor":"black","align":"wide","className":"is-style-solid-color"} -->
<figure class="wp-block-pullquote alignwide has-background has-yellow-background-color is-style-solid-color"><blockquote class="has-text-color has-black-color"><p>solid pull quote wide</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"mainColor":"yellow","textColor":"black","align":"left","className":"is-style-solid-color"} -->
<figure class="wp-block-pullquote alignleft has-background has-yellow-background-color is-style-solid-color"><blockquote class="has-text-color has-black-color"><p>solid pull quote align left</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"mainColor":"yellow","textColor":"black","align":"right","className":"is-style-solid-color"} -->
<figure class="wp-block-pullquote alignright has-background has-yellow-background-color is-style-solid-color"><blockquote class="has-text-color has-black-color"><p>solid pull quote align right</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"mainColor":"black","textColor":"white","align":"full","className":"is-style-solid-color"} -->
<figure class="wp-block-pullquote alignfull has-background has-black-background-color is-style-solid-color"><blockquote class="has-text-color has-white-color"><p>solid pull quote full</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->