{"id":506,"date":"2014-06-10T10:13:29","date_gmt":"2014-06-10T10:13:29","guid":{"rendered":"http:\/\/localhost\/__sites\/3d_blog\/?p=506"},"modified":"2014-06-10T13:50:50","modified_gmt":"2014-06-10T13:50:50","slug":"simple-horizontal-css-menu","status":"publish","type":"post","link":"https:\/\/blog.silverterra.net\/?p=506","title":{"rendered":"simple horizontal css menu"},"content":{"rendered":"<blockquote><p>Goal: Create a simple horizontal menu<\/p><\/blockquote>\n<style>\n#sample{\n  position:relative;\n  margin-bottom: 30px;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  border-bottom: 1px solid #ddd;\n  border-top: 1px solid #ddd;\n}\n#sample ul.sample {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n#sample ul.sample li.sample {\n  display: inline;\n}\nspan.a:hover{\n  color: #6199D5;\n}\n.handy{\n  cursor: hand;\n  pointer: hand;\n}\n<\/style>\n<div id=\"sample\">\n<ul class=\"sample\">\n<li style=\"display: inline;\"><span class=\"a handy\" href=\"mnu1\">menu 1<\/span><span>&nbsp;&nbsp;<\/span><\/li>\n<li style=\"display: inline;\"><span class=\"a handy\" href=\"mnu2\">menu 2<\/span><span>&nbsp;&nbsp;<\/span><\/li>\n<li style=\"display: inline;\"><span class=\"a handy\" href=\"mnu3\">menu 3<\/span><span>&nbsp;&nbsp;|&nbsp;&nbsp;<\/span><\/li>\n<li style=\"display: inline;\"><span class=\"a handy\" href=\"mnu4\">menu 4<\/span><\/li>\n<\/ul>\n<\/div>\n<p>html code<\/p>\n<pre data-enlighter-language=\"html\" class=\"EnlighterJSRAW\">\r\n&lt;ul&gt;\r\n  &lt;li&gt;&lt;span class=&quot;a handy&quot; href=&quot;mnu1&quot;&gt;menu 1&lt;\/span&gt;&lt;\/li&gt; \r\n  &lt;li&gt;&lt;span class=&quot;a handy&quot; href=&quot;mnu2&quot;&gt;menu 2&lt;\/span&gt;&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n<\/pre>\n<p>style<\/p>\n<pre data-enlighter-language=\"css\" class=\"EnlighterJSRAW\">\r\nul {\r\n  list-style-type: none;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\nli {\r\n  display: inline;\r\n}\r\n.handy{\r\n  cursor: hand;\r\n  pointer: hand;\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Goal: Create a simple horizontal menu menu 1&nbsp;&nbsp; menu 2&nbsp;&nbsp; menu 3&nbsp;&nbsp;|&nbsp;&nbsp; menu 4 html code style<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-506","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=506"}],"version-history":[{"count":30,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/506\/revisions"}],"predecessor-version":[{"id":536,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=\/wp\/v2\/posts\/506\/revisions\/536"}],"wp:attachment":[{"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.silverterra.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}