{"id":9076,"date":"2020-07-27T12:29:55","date_gmt":"2020-07-27T16:29:55","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/?page_id=9076"},"modified":"2025-11-18T09:38:44","modified_gmt":"2025-11-18T14:38:44","slug":"horizontal-rules","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/","title":{"rendered":"Horizontal Rules"},"content":{"rendered":"<p>Horizontal rules are styled lines that are used to separate content or define a change in topic. The video below will show you how to add them to your content.<\/p>\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" src=\"https:\/\/uncch.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=f0391494-a334-4086-8bb0-adf7015fd82d&#038;autoplay=false&#038;offerviewer=true&#038;showtitle=false&#038;showbrand=false&#038;captions=true&#038;start=0&#038;interactivity=all\" height=\"478\" width=\"850\" style=\"border: 1px solid #464646;\" 0=\"allowfullscreen\" allow=\"autoplay\" title=\"How to add Horizontal Rules to a web page\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n\n<h2>Available Horizontal Rules<\/h2>\n<h3>Dotted<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-dotted osc-rule\" \/>\n<h3>Dashed<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-dashed osc-rule\" \/>\n<h3>Double<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-double osc-rule\" \/>\n<h3>Diagonal<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-diagonal osc-rule\" \/>\n<h3>Double Thick Thin<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-double-thick-thin osc-rule\" \/>\n<h3>Double Fade Corner<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-double-fadecorder osc-rule\" \/>\n<h3>Fade Corner<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-fadecorder osc-rule\" \/>\n<h3>Shadow<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-shadow osc-rule\" \/>\n<h3>Wave<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-wave osc-rule\" \/>\n<h3>Thick<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-thick osc-rule\" \/>\n<h3>Thin<\/h3>\n<hr  style=\"margin:20px 0\"class=\" rule-thin osc-rule\" \/>\n","protected":false},"excerpt":{"rendered":"<p>Horizontal rules are styled lines that are used to separate content or define a change in topic. The video below will show you how to add them to your content. Available Horizontal Rules Dotted Dashed Double Diagonal Double Thick Thin Double Fade Corner Fade Corner Shadow Wave Thick Thin<\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":2212,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-9076","page","type-page","status-publish","hentry","odd"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Horizontal Rules - Web Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Horizontal Rules - Web Guide\" \/>\n<meta property=\"og:description\" content=\"Horizontal rules are styled lines that are used to separate content or define a change in topic. The video below will show you how to add them to your content. Available Horizontal Rules Dotted Dashed Double Diagonal Double Thick Thin Double Fade Corner Fade Corner Shadow Wave Thick Thin\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-18T14:38:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/\",\"name\":\"Horizontal Rules - Web Guide\",\"isPartOf\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#website\"},\"datePublished\":\"2020-07-27T16:29:55+00:00\",\"dateModified\":\"2025-11-18T14:38:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/ughome\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Styling Content\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Horizontal Rules\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/#website\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/\",\"name\":\"Web Guide\",\"description\":\"School of Medicine IT\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.med.unc.edu\/webguide\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Horizontal Rules - Web Guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/","og_locale":"en_US","og_type":"article","og_title":"Horizontal Rules - Web Guide","og_description":"Horizontal rules are styled lines that are used to separate content or define a change in topic. The video below will show you how to add them to your content. Available Horizontal Rules Dotted Dashed Double Diagonal Double Thick Thin Double Fade Corner Fade Corner Shadow Wave Thick Thin","og_url":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/","og_site_name":"Web Guide","article_modified_time":"2025-11-18T14:38:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/","url":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/","name":"Horizontal Rules - Web Guide","isPartOf":{"@id":"https:\/\/www.med.unc.edu\/webguide\/#website"},"datePublished":"2020-07-27T16:29:55+00:00","dateModified":"2025-11-18T14:38:44+00:00","breadcrumb":{"@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/horizontal-rules\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.med.unc.edu\/webguide\/"},{"@type":"ListItem","position":2,"name":"User Guide","item":"https:\/\/www.med.unc.edu\/webguide\/userguide\/ughome\/"},{"@type":"ListItem","position":3,"name":"Styling Content","item":"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/"},{"@type":"ListItem","position":4,"name":"Horizontal Rules"}]},{"@type":"WebSite","@id":"https:\/\/www.med.unc.edu\/webguide\/#website","url":"https:\/\/www.med.unc.edu\/webguide\/","name":"Web Guide","description":"School of Medicine IT","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.med.unc.edu\/webguide\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/users\/3206"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/comments?post=9076"}],"version-history":[{"count":2,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9076\/revisions"}],"predecessor-version":[{"id":14826,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/9076\/revisions\/14826"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/2212"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/media?parent=9076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}