{"categories":["CSS","HTML"],"blog_title":"hogehoge @teramako","width":"100%","blog_url":"https://teramako.hatenadiary.org/","url":"https://teramako.hatenadiary.org/entry/20130610/p1","height":"190","author_url":"https://blog.hatena.ne.jp/teramako/","published":"2013-06-10 00:00:00","image_url":"http://cache.gyazo.com/1999529b93f0df402439959cbe482be8.png","version":"1.0","provider_name":"Hatena Blog","type":"rich","title":"Note \u7684\u306a aside \u8981\u7d20\u3092\u30cd\u30ac\u30c6\u30a3\u30d6\u30de\u30fc\u30b8\u30f3\u3092\u4f7f\u308f\u305a\u306b","description":"\u3053\u3093\u306a\u611f\u3058\u306e\u3001NOTE\u90e8\u5206\u306f ::before \u7b49\u306eCSS\u3067\u66f8\u304d\u3001\u56de\u308a\u8fbc\u307f\u306a\u3057\u306e\u30d6\u30ed\u30c3\u30af\u3092\u4f5c\u308b\u3084\u308a\u65b9\u3092\u6a21\u7d22\u3057\u3066\u305f\u3002 \u30cd\u30ac\u30c6\u30a3\u30d6\u30de\u30fc\u30b8\u30f3 \u307e\u3041\u697d\u3067\u306f\u3042\u308b aside.note { padding-left: 6em; } aside.note::before { content: \"NOTE\"; margin-left: -5em; float: left; } <aside class=\"note\"> <p>............</p> <p>............</p> </aside> \u30cd\u30ac\u30c6\u30a3\u30d6\u30de\u30fc\u30b8\u30f3\u306f\u30d0\u30c3\u30c9\u30ce\u30a6\u30cf\u30a6 Negative values for margin pro\u2026","author_name":"teramako","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fteramako.hatenadiary.org%2Fentry%2F20130610%2Fp1\" title=\"Note \u7684\u306a aside \u8981\u7d20\u3092\u30cd\u30ac\u30c6\u30a3\u30d6\u30de\u30fc\u30b8\u30f3\u3092\u4f7f\u308f\u305a\u306b - hogehoge @teramako\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog"}