{"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":"

I was having problems aligning data inside a div container but I could not see what was causing this issue.<\/p>\n

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

Paste the following code into the div tag in your HTML page:<\/p>\n

style=”display:inline-block; border: 3px solid purple;<\/p><\/blockquote>\n
This will show a bright border for the DIV so you can more easily fault find any problems.<\/p>\n
Enjoy<\/p>\n
<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
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":[],"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 "Computer Related"","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