{"id":1101,"date":"2014-10-22T17:46:07","date_gmt":"2014-10-22T17:46:07","guid":{"rendered":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/?p=1101"},"modified":"2017-03-10T16:16:19","modified_gmt":"2017-03-10T16:16:19","slug":"css-code-to-solve-div-alignment-problems","status":"publish","type":"post","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/","title":{"rendered":"CSS Code to Solve Div Alignment Problems"},"content":{"rendered":"<p><a href=\"https:\/\/i0.wp.com\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-content\/uploads\/2014\/10\/css_cascading_style_sheet.jpg?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1103\" src=\"https:\/\/i0.wp.com\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-content\/uploads\/2014\/10\/css_cascading_style_sheet.jpg?resize=222%2C140&#038;ssl=1\" alt=\"CSS Cascading Style Sheet\" width=\"222\" height=\"140\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p>I was having problems aligning data inside a div container but I could not see what was causing this issue.<\/p>\n<p>I originally thought it was to do with padding, margins and then div alignments and then came up with this useful code to help fault find my divs.<\/p>\n<p>Paste the following code into the div tag in your HTML page:<\/p>\n<blockquote><p>style=&#8221;display:inline-block; border: 3px solid purple;<\/p><\/blockquote>\n<p>This will show a bright border for the DIV so you can more easily fault find any problems.<\/p>\n<p>Enjoy<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some code to solve CSS DIV alignment problems.<\/p>\n","protected":false},"author":1,"featured_media":2398,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[3],"tags":[709,710,618,711,190,712,713,714,715,117,716,717,193,718,649],"class_list":["post-1101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer-related","tag-alignment","tag-border","tag-code","tag-container","tag-css","tag-div","tag-divs","tag-fault-find","tag-html","tag-issue","tag-margins","tag-padding","tag-style","tag-style-sheet","tag-tip"],"jetpack_publicize_connections":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"Some code to solve CSS DIV alignment problems.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Nerd\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_GB\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Nerd or Turd - Random Tips, Tricks &amp; Advice\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"CSS Code to Solve Div Alignment Problems - Nerd or Turd\" \/>\n\t\t<meta property=\"og:description\" content=\"Some code to solve CSS DIV alignment problems.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2014-10-22T17:46:07+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-03-10T16:16:19+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"CSS Code to Solve Div Alignment Problems - Nerd or Turd\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Some code to solve CSS DIV alignment problems.\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#blogposting\",\"name\":\"CSS Code to Solve Div Alignment Problems - Nerd or Turd\",\"headline\":\"CSS Code to Solve Div Alignment Problems\",\"author\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/author\\\/nerd\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/wp-content\\\/uploads\\\/2014\\\/10\\\/css.jpg?fit=200%2C100&ssl=1\",\"width\":200,\"height\":100},\"datePublished\":\"2014-10-22T17:46:07+01:00\",\"dateModified\":\"2017-03-10T16:16:19+00:00\",\"inLanguage\":\"en-GB\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#webpage\"},\"articleSection\":\"Computer Related, alignment, border, code, container, css, div, divs, fault find, html, issue, margins, padding, style, style sheet, tip\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/category\\\/computer-related\\\/#listItem\",\"name\":\"Computer Related\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/category\\\/computer-related\\\/#listItem\",\"position\":2,\"name\":\"Computer Related\",\"item\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/category\\\/computer-related\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#listItem\",\"name\":\"CSS Code to Solve Div Alignment Problems\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#listItem\",\"position\":3,\"name\":\"CSS Code to Solve Div Alignment Problems\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/category\\\/computer-related\\\/#listItem\",\"name\":\"Computer Related\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/#organization\",\"name\":\"Nerd or Turd\",\"description\":\"Random Tips, Tricks & Advice\",\"url\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/wp-content\\\/uploads\\\/wp-1583093269145.jpg?fit=400%2C400&ssl=1\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#organizationLogo\",\"width\":400,\"height\":400},\"image\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#organizationLogo\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/author\\\/nerd\\\/#author\",\"url\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/author\\\/nerd\\\/\",\"name\":\"Nerd\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/450d64a9f2004854711b0b9ffb07a75e43314d3d6eca9a793895424770f18cb5?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Nerd\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#webpage\",\"url\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/\",\"name\":\"CSS Code to Solve Div Alignment Problems - Nerd or Turd\",\"description\":\"Some code to solve CSS DIV alignment problems.\",\"inLanguage\":\"en-GB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/author\\\/nerd\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/author\\\/nerd\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/wp-content\\\/uploads\\\/2014\\\/10\\\/css.jpg?fit=200%2C100&ssl=1\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#mainImage\",\"width\":200,\"height\":100},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/css-code-to-solve-div-alignment-problems\\\/#mainImage\"},\"datePublished\":\"2014-10-22T17:46:07+01:00\",\"dateModified\":\"2017-03-10T16:16:19+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/#website\",\"url\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/\",\"name\":\"Nerd or Turd\",\"description\":\"Random Tips, Tricks & Advice\",\"inLanguage\":\"en-GB\",\"publisher\":{\"@id\":\"https:\\\/\\\/nerdorturd.com\\\/webdevelopments\\\/nerdorturd\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"CSS Code to Solve Div Alignment Problems - Nerd or Turd","description":"Some code to solve CSS DIV alignment problems.","canonical_url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#blogposting","name":"CSS Code to Solve Div Alignment Problems - Nerd or Turd","headline":"CSS Code to Solve Div Alignment Problems","author":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/author\/nerd\/#author"},"publisher":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-content\/uploads\/2014\/10\/css.jpg?fit=200%2C100&ssl=1","width":200,"height":100},"datePublished":"2014-10-22T17:46:07+01:00","dateModified":"2017-03-10T16:16:19+00:00","inLanguage":"en-GB","mainEntityOfPage":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#webpage"},"isPartOf":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#webpage"},"articleSection":"Computer Related, alignment, border, code, container, css, div, divs, fault find, html, issue, margins, padding, style, style sheet, tip"},{"@type":"BreadcrumbList","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd#listItem","position":1,"name":"Home","item":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd","nextItem":{"@type":"ListItem","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/#listItem","name":"Computer Related"}},{"@type":"ListItem","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/#listItem","position":2,"name":"Computer Related","item":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/","nextItem":{"@type":"ListItem","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#listItem","name":"CSS Code to Solve Div Alignment Problems"},"previousItem":{"@type":"ListItem","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#listItem","position":3,"name":"CSS Code to Solve Div Alignment Problems","previousItem":{"@type":"ListItem","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/#listItem","name":"Computer Related"}}]},{"@type":"Organization","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/#organization","name":"Nerd or Turd","description":"Random Tips, Tricks & Advice","url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/","logo":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-content\/uploads\/wp-1583093269145.jpg?fit=400%2C400&ssl=1","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#organizationLogo","width":400,"height":400},"image":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/author\/nerd\/#author","url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/author\/nerd\/","name":"Nerd","image":{"@type":"ImageObject","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/450d64a9f2004854711b0b9ffb07a75e43314d3d6eca9a793895424770f18cb5?s=96&d=mm&r=g","width":96,"height":96,"caption":"Nerd"}},{"@type":"WebPage","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#webpage","url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/","name":"CSS Code to Solve Div Alignment Problems - Nerd or Turd","description":"Some code to solve CSS DIV alignment problems.","inLanguage":"en-GB","isPartOf":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/#website"},"breadcrumb":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#breadcrumblist"},"author":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/author\/nerd\/#author"},"creator":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/author\/nerd\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-content\/uploads\/2014\/10\/css.jpg?fit=200%2C100&ssl=1","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#mainImage","width":200,"height":100},"primaryImageOfPage":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/#mainImage"},"datePublished":"2014-10-22T17:46:07+01:00","dateModified":"2017-03-10T16:16:19+00:00"},{"@type":"WebSite","@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/#website","url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/","name":"Nerd or Turd","description":"Random Tips, Tricks & Advice","inLanguage":"en-GB","publisher":{"@id":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/#organization"}}]},"og:locale":"en_GB","og:site_name":"Nerd or Turd - Random Tips, Tricks &amp; Advice","og:type":"article","og:title":"CSS Code to Solve Div Alignment Problems - Nerd or Turd","og:description":"Some code to solve CSS DIV alignment problems.","og:url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/","article:published_time":"2014-10-22T17:46:07+00:00","article:modified_time":"2017-03-10T16:16:19+00:00","twitter:card":"summary","twitter:title":"CSS Code to Solve Div Alignment Problems - Nerd or Turd","twitter:description":"Some code to solve CSS DIV alignment problems."},"aioseo_meta_data":{"post_id":"1101","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":"","og_description":"","og_object_type":"article","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":"","og_article_tags":"","twitter_use_og":false,"twitter_card":"summary","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2022-12-28 14:07:35","updated":"2025-06-03 20:10:09","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/\" title=\"Computer Related\">Computer Related<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCSS Code to Solve Div Alignment Problems\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd"},{"label":"Computer Related","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/"},{"label":"CSS Code to Solve Div Alignment Problems","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-code-to-solve-div-alignment-problems\/"}],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-content\/uploads\/2014\/10\/css.jpg?fit=200%2C100&ssl=1","jetpack-related-posts":[{"id":620,"url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-blockquotes-for-quotations\/","url_meta":{"origin":1101,"position":0},"title":"CSS Blockquotes for Quotations","author":"Nerd","date":"24th December 2011","format":false,"excerpt":"How to add blockquotes to your CSS Style Sheet and use them on WordPress.","rel":"","context":"In &quot;Computer Related&quot;","block_context":{"text":"Computer Related","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":610,"url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/css-basic-custom-style-sheet\/","url_meta":{"origin":1101,"position":1},"title":"CSS Basic Custom Style Sheet","author":"Nerd","date":"24th December 2011","format":false,"excerpt":"The <Style> tags allows you to define style information for an HTML document. <Style> tags always go in the header of the HTML document. \u00a0 Example below: <html> <head> <style type=\"text\/css\"> h1 {color:red;} p {color:blue;} <\/style> <\/head> <body> <h1>Header 1<\/h1> <p>A paragraph.<\/p> <\/body> <\/html> Please feel free to copy and\u2026","rel":"","context":"In &quot;Computer Related&quot;","block_context":{"text":"Computer Related","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":166,"url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/microdirect-samsung-750gb-spinpoint-f1-sat-samsung-hd753lj\/","url_meta":{"origin":1101,"position":2},"title":"Microdirect &#8211; Samsung 750GB Spinpoint F1 SAT (Samsung HD753LJ)","author":"Nerd","date":"12th January 2010","format":false,"excerpt":"I purchased a hard drive from microdirect about a year ago. The hard disc drive is a \"Samsung 750GB Spinpoint F1 SAT,\u00a0 Samsung HD753LJ\" and has always seemed to have problems with sectors and the hard disc drive did not always appear in \"My Computer\". I ran Spinrite to repair\u2026","rel":"","context":"In &quot;Computer Related&quot;","block_context":{"text":"Computer Related","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2477,"url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/how-to-solve-the-apple-touch-icon-precomosed-w3c-validation-error-solved\/","url_meta":{"origin":1101,"position":3},"title":"How to solve the &#8220;apple-touch-icon-precomosed&#8221; W3C Validation Error [SOLVED]","author":"Nerd","date":"12th March 2017","format":false,"excerpt":"How to solve the \"apple-touch-icon-precomosed\" W3c Validation Error message.","rel":"","context":"In &quot;Computer Related&quot;","block_context":{"text":"Computer Related","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2488,"url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/bad-value-for-attribute-href-on-element-a-illegal-character-in-query-space-is-not-allowed-solved\/","url_meta":{"origin":1101,"position":4},"title":"Bad value for attribute \u201chref\u201d on element \u201ca\u201d: Illegal character in query: space is not allowed. [SOLVED]","author":"Nerd","date":"12th March 2017","format":false,"excerpt":"How to resolve the W3C Validation error \"Bad value for attribute \u201chref\u201d on element \u201ca\u201d: Illegal character in query: space is not allowed.\"","rel":"","context":"In &quot;Computer Related&quot;","block_context":{"text":"Computer Related","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2490,"url":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/w3c-eng-tag-br-validation-error-solved\/","url_meta":{"origin":1101,"position":5},"title":"End Tag &#8220;br&#8221; &#8211; W3C HTML Validation Error [SOLVED]","author":"Nerd","date":"13th March 2017","format":false,"excerpt":"How to resolve the \"End tag \"br\". W3C validation error message.","rel":"","context":"In &quot;Computer Related&quot;","block_context":{"text":"Computer Related","link":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/category\/computer-related\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/posts\/1101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/comments?post=1101"}],"version-history":[{"count":4,"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/posts\/1101\/revisions"}],"predecessor-version":[{"id":1360,"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/posts\/1101\/revisions\/1360"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/media\/2398"}],"wp:attachment":[{"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/media?parent=1101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/categories?post=1101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdorturd.com\/webdevelopments\/nerdorturd\/wp-json\/wp\/v2\/tags?post=1101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}