{"id":1779,"date":"2018-11-01T06:03:22","date_gmt":"2018-11-01T06:03:22","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=1732"},"modified":"2020-09-26T10:22:35","modified_gmt":"2020-09-26T14:22:35","slug":"blocks-formatting","status":"publish","type":"post","link":"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/blocks-formatting\/","title":{"rendered":"Block category: Formatting"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p class=\"intro--left\">A few formatting categories WordPress offers are shown below. These are outside of inline styles like bold, italic etc.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>The code block\n\n<\/code><\/pre>\n\n\n<p>The classic block<\/p>\n\n\nThe custom HTML block\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">The Preformatted Block<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">The Road Not Taken\n\nRobert Frost \nTwo roads diverged in a yellow wood,\nAnd sorry I could not travel both          (\\_\/)  \nAnd be one traveler, long I stood         (='.'=)  \nAnd looked down one as far as I could     (\")_(\")  \nTo where it bent in the undergrowth; \n\nThen took the other, as just as fair,  \nAnd having perhaps the better claim,          |\\_\/|  \nBecause it was grassy and wanted wear;       \/ @ @ \\  \nThough as for that the passing there        ( &gt; \u00ba &gt;x&lt;&lt;\u00b4  \n                                             \/  O  \\  \nAnd both that morning equally lay  \nIn leaves no step had trodden black.  \nOh, I kept the first for another day!  \nYet knowing how way leads on to way,  \nI doubted if I should ever come back.  \nI shall be telling this with a sigh  \nSomewhere ages and ages hence:  \nTwo roads diverged in a wood, and I\u2014  \nI took the one less traveled by,  \nAnd that has made all the difference.  \n\n<strong>Overflow (Please don't do this)<\/strong>\n\nand here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;\n<\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>This is a quote with the style &#8220;Large&#8221; applied to it.<\/p><cite>Firstname Lastname<\/cite><\/blockquote>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Table with alternating row backgrounds<\/h2>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" role=\"presentation\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><tbody><tr><td>This is the striped style.<\/td><td>This row should have a background color.<\/td><\/tr><tr><td>The cell next to this is empty.<\/td><td><br \/><br \/><\/td><\/tr><tr><td><\/td><td>This table has fixed width table cells.<br \/><\/td><\/tr><tr><td><br \/>Make sure that the text wraps correctly.<br \/><br \/><\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">The Verse Block<\/h2>\n\n\n\n<pre class=\"wp-block-verse\">The Verse block<br \/><br \/>A block for haiku? <br \/>Why not? <br \/>Blocks for all the things!<\/pre>\n\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A few formatting categories WordPress offers are shown below. These are outside of inline styles like bold, italic etc. The classic block The custom HTML block The Preformatted Block The Road Not Taken Robert Frost Two roads diverged in a yellow wood, And sorry I could not travel both (\\_\/) And be one traveler, long &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blog.uvm.edu\/manual\/2018\/11\/01\/blocks-formatting\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Block category: Formatting&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5625,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[258709,523032,604749],"tags":[251821],"class_list":["post-1779","post","type-post","status-publish","format-standard","hentry","category-block","category-formatting","category-typography","tag-formatting-2","entry"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smasonla","author_link":"https:\/\/blog.uvm.edu\/manual\/author\/smasonla\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/blog.uvm.edu\/manual\/category\/block\/\" rel=\"category tag\">Block<\/a> <a href=\"https:\/\/blog.uvm.edu\/manual\/category\/formatting\/\" rel=\"category tag\">Formatting<\/a> <a href=\"https:\/\/blog.uvm.edu\/manual\/category\/typography\/\" rel=\"category tag\">Typography<\/a>","rttpg_excerpt":"A few formatting categories WordPress offers are shown below. These are outside of inline styles like bold, italic etc. The classic block The custom HTML block The Preformatted Block The Road Not Taken Robert Frost Two roads diverged in a yellow wood, And sorry I could not travel both (\\_\/) And be one traveler, long&hellip;","_links":{"self":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts\/1779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/users\/5625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/comments?post=1779"}],"version-history":[{"count":4,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts\/1779\/revisions"}],"predecessor-version":[{"id":5394,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/posts\/1779\/revisions\/5394"}],"wp:attachment":[{"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/media?parent=1779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/categories?post=1779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uvm.edu\/manual\/wp-json\/wp\/v2\/tags?post=1779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}