{"id":6887,"date":"2024-03-14T04:47:46","date_gmt":"2024-03-14T04:47:46","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/"},"modified":"2025-08-02T09:25:29","modified_gmt":"2025-08-02T09:25:29","slug":"how-to-achieve-left-and-right-output-of-data-on-a-php-page","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/","title":{"rendered":"PHP Two Column Layout: Left Right Output"},"content":{"rendered":"<p>In PHP, we can use the echo function to display data on a webpage. Here is a simple example showing how to output data on the left and right sides of a webpage.<\/p>\n<pre class=\"post-pre\"><code><span class=\"hljs-meta\">&lt;?php<\/span>\r\n<span class=\"hljs-variable\">$leftData<\/span> = <span class=\"hljs-string\">\"Left data\"<\/span>;\r\n<span class=\"hljs-variable\">$rightData<\/span> = <span class=\"hljs-string\">\"Right data\"<\/span>;\r\n<span class=\"hljs-meta\">?&gt;<\/span>\r\n\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n    &lt;title&gt;Left Right Data&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;div style=<span class=\"hljs-string\">\"float: left; width: 50%;\"<\/span>&gt;\r\n        <span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">echo<\/span> <span class=\"hljs-variable\">$leftData<\/span>; <span class=\"hljs-meta\">?&gt;<\/span>\r\n    &lt;\/div&gt;\r\n    &lt;div style=<span class=\"hljs-string\">\"float: right; width: 50%;\"<\/span>&gt;\r\n        <span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">echo<\/span> <span class=\"hljs-variable\">$rightData<\/span>; <span class=\"hljs-meta\">?&gt;<\/span>\r\n    &lt;\/div&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/code><\/pre>\n<p>In this example, we first define two variables $leftData and $rightData to store the data to be output on the left and right sides. We then use the echo function on the page to output the values of these two variables into two div elements on the left and right, achieving left and right alignment by setting the styles of these div elements.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In PHP, we can use the echo function to display data on a webpage. Here is a simple example showing how to output data on the left and right sides of a webpage. &lt;?php $leftData = &#8220;Left data&#8221;; $rightData = &#8220;Right data&#8221;; ?&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Left Right Data&lt;\/title&gt; &lt;\/head&gt; &lt;body&gt; &lt;div style=&#8221;float: left; [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[8624,5647,8623,8625,8626],"class_list":["post-6887","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-css-floats","tag-php-echo","tag-php-layout","tag-two-columns","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PHP Two Column Layout: Left Right Output - Blog - Silicon Cloud<\/title>\n<meta name=\"description\" content=\"Learn to create left\/right data output in PHP using CSS floats. Simple code example for responsive two-column layouts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PHP Two Column Layout: Left Right Output\" \/>\n<meta property=\"og:description\" content=\"Learn to create left\/right data output in PHP using CSS floats. Simple code example for responsive two-column layouts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-14T04:47:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-02T09:25:29+00:00\" \/>\n<meta name=\"author\" content=\"William Carter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"William Carter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/\"},\"author\":{\"name\":\"William Carter\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0\"},\"headline\":\"PHP Two Column Layout: Left Right Output\",\"datePublished\":\"2024-03-14T04:47:46+00:00\",\"dateModified\":\"2025-08-02T09:25:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/\"},\"wordCount\":103,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"keywords\":[\"CSS floats\",\"PHP echo\",\"PHP layout\",\"two columns\",\"web design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/\",\"name\":\"PHP Two Column Layout: Left Right Output - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-14T04:47:46+00:00\",\"dateModified\":\"2025-08-02T09:25:29+00:00\",\"description\":\"Learn to create left\/right data output in PHP using CSS floats. Simple code example for responsive two-column layouts.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PHP Two Column Layout: Left Right Output\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0\",\"name\":\"William Carter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g\",\"caption\":\"William Carter\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/williamcarter\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"PHP Two Column Layout: Left Right Output - Blog - Silicon Cloud","description":"Learn to create left\/right data output in PHP using CSS floats. Simple code example for responsive two-column layouts.","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:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/","og_locale":"en_US","og_type":"article","og_title":"PHP Two Column Layout: Left Right Output","og_description":"Learn to create left\/right data output in PHP using CSS floats. Simple code example for responsive two-column layouts.","og_url":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-14T04:47:46+00:00","article_modified_time":"2025-08-02T09:25:29+00:00","author":"William Carter","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"William Carter","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/"},"author":{"name":"William Carter","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0"},"headline":"PHP Two Column Layout: Left Right Output","datePublished":"2024-03-14T04:47:46+00:00","dateModified":"2025-08-02T09:25:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/"},"wordCount":103,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"keywords":["CSS floats","PHP echo","PHP layout","two columns","web design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/","url":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/","name":"PHP Two Column Layout: Left Right Output - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-14T04:47:46+00:00","dateModified":"2025-08-02T09:25:29+00:00","description":"Learn to create left\/right data output in PHP using CSS floats. Simple code example for responsive two-column layouts.","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-to-achieve-left-and-right-output-of-data-on-a-php-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"PHP Two Column Layout: Left Right Output"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/f697031891aacefc4b681d139781d3c0","name":"William Carter","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1786698071dd8d74bec894b512f9e3c610c3a2a32985f67e688976cee3c8bbef?s=96&d=mm&r=g","caption":"William Carter"},"url":"https:\/\/www.silicloud.com\/blog\/author\/williamcarter\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/6887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=6887"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/6887\/revisions"}],"predecessor-version":[{"id":151658,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/6887\/revisions\/151658"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=6887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=6887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=6887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}