{"id":4217,"date":"2022-08-21T23:55:04","date_gmt":"2022-08-21T18:25:04","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/"},"modified":"2022-08-21T23:55:04","modified_gmt":"2022-08-21T18:25:04","slug":"solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/","title":{"rendered":"[Solved] How do you get the width to not only extend the element to the right, but also the left?"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-31168600\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"31168600\" data-parentid=\"31168522\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>&#8220;right:&#8221; and &#8220;left:&#8221; are used for positioning. If you are setting the element absolutely there should be no issue. However if you have not explicitly set the position attribute in css then it will by default be relative and set to the top left most corner regardless of the &#8220;left:&#8221; property.<\/p>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">8<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved How do you get the width to not only extend the element to the right, but also the left? <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] &#8220;right:&#8221; and &#8220;left:&#8221; are used for positioning. If you are setting the element absolutely there should be no issue. However if you have not explicitly set the position attribute in css then it will by default be relative and set to the top left most corner regardless of the &#8220;left:&#8221; property. 8 [ad_2] solved &#8230; <a title=\"[Solved] How do you get the width to not only extend the element to the right, but also the left?\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/\" aria-label=\"More on [Solved] How do you get the width to not only extend the element to the right, but also the left?\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[464,688],"class_list":["post-4217","post","type-post","status-publish","format-standard","hentry","category-solved","tag-css","tag-width"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] How do you get the width to not only extend the element to the right, but also the left? - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How do you get the width to not only extend the element to the right, but also the left? - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] &#8220;right:&#8221; and &#8220;left:&#8221; are used for positioning. If you are setting the element absolutely there should be no issue. However if you have not explicitly set the position attribute in css then it will by default be relative and set to the top left most corner regardless of the &#8220;left:&#8221; property. 8 [ad_2] solved ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-21T18:25:04+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How do you get the width to not only extend the element to the right, but also the left?\",\"datePublished\":\"2022-08-21T18:25:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/\"},\"wordCount\":93,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"css\",\"width\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/\",\"name\":\"[Solved] How do you get the width to not only extend the element to the right, but also the left? - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-08-21T18:25:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How do you get the width to not only extend the element to the right, but also the left?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How do you get the width to not only extend the element to the right, but also the left? - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How do you get the width to not only extend the element to the right, but also the left? - JassWeb","og_description":"[ad_1] &#8220;right:&#8221; and &#8220;left:&#8221; are used for positioning. If you are setting the element absolutely there should be no issue. However if you have not explicitly set the position attribute in css then it will by default be relative and set to the top left most corner regardless of the &#8220;left:&#8221; property. 8 [ad_2] solved ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/","og_site_name":"JassWeb","article_published_time":"2022-08-21T18:25:04+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How do you get the width to not only extend the element to the right, but also the left?","datePublished":"2022-08-21T18:25:04+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/"},"wordCount":93,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["css","width"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/","url":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/","name":"[Solved] How do you get the width to not only extend the element to the right, but also the left? - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-08-21T18:25:04+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-do-you-get-the-width-to-not-only-extend-the-element-to-the-right-but-also-the-left\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How do you get the width to not only extend the element to the right, but also the left?"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/4217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=4217"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/4217\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=4217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=4217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=4217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}