{"id":449,"date":"2008-04-15T12:42:00","date_gmt":"2008-04-15T12:42:00","guid":{"rendered":"https:\/\/chayilyam.com\/stories\/?p=449"},"modified":"2008-04-15T12:42:00","modified_gmt":"2008-04-15T12:42:00","slug":"boxtest","status":"publish","type":"post","link":"https:\/\/chayilyam.com\/stories\/boxtest\/","title":{"rendered":"Boxtest"},"content":{"rendered":"<div>\n<h2>Boxtest<\/h2>\n<p>Here is a sample div with class &#8220;boxtest&#8221;.<\/p>\n<p>It has 20px border, 30px padding, and 300px width.<\/p>\n<pre>div.boxtest {<br \/> border:20px solid;<br \/> padding:30px;<br \/> background: #ffc;<br \/> width:300px;<br \/>}<br \/><\/pre>\n<p>The total width including borders and padding should be 400px.<\/p>\n<blockquote>\n<p>20+30+300+30+20 = 400<\/p>\n<\/blockquote>\n<p>User agents which <em>misinterpret<\/em> the CSS1 box model by placing border and padding  <em>inside<\/em> the specified width would result in a total width of only 300px,  and a content width of only 200px.<\/p>\n<blockquote>\n<p>300-20-30-30-20 = 200<\/p>\n<\/blockquote>\n<p>The red and blue bars below are there for comparison.  This div (including its borders) should be as wide as the blue bar.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Boxtest Here is a sample div with class &#8220;boxtest&#8221;. It has 20px border, 30px padding, and 300px width. div.boxtest { border:20px solid; padding:30px; background: #ffc; width:300px;} The total width including borders and padding should be 400px. 20+30+300+30+20 = 400 User agents which misinterpret the CSS1 box model by placing border and padding inside the specified &hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[81,84,183],"tags":[1627,1135,1628,1646,1349],"class_list":["post-449","post","type-post","status-publish","format-standard","hentry","category-css","category-css-tags","category-help","tag-css","tag-css2","tag-css3","tag-help","tag-tutorial"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/sfoK1S-boxtest","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":0,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts\/449\/revisions"}],"wp:attachment":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/media?parent=449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/categories?post=449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/tags?post=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}