{"id":751,"date":"2007-03-21T14:42:56","date_gmt":"2007-03-21T06:42:56","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=751"},"modified":"2007-03-21T14:42:56","modified_gmt":"2007-03-21T06:42:56","slug":"html-04-text-alignment","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/html-04-text-alignment.html","title":{"rendered":"HTML Lesson 4: text alignment"},"content":{"rendered":"<p>The default text alignment for content in a paragraph is left side. Sometimes you may want to make the text align to the right or in the center. To make the text align to the left or right you include the align attribute to the paragraph tag.\n<\/p>\n<p>\nExample, align to left:<!--break--><!--more-->\n<\/p>\n<table style=\"border: none; width:100%\">\n<tr>\n<td>\n<div style=\"border: 1px dashed; background: #E0FFFF; padding: 1em;\">\n&lt;P ALIGN=&#8221;LEFT&#8221;&gt;This attribute will<br \/>make the content align to the left.<br \/>It is not necessary to include<br \/>this attribute because the default<br \/>alignment is already as such.&lt;\/P&gt;\n<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><br clear=\"all\">\n<\/p>\n<p>\nExample, align to right:\n<\/p>\n<table style=\"border: none; width:100%\">\n<tr>\n<td>\n<div style=\"border: 1px dashed; background: #E0FFFF; padding: 1em; text-align: right\">\n&lt;P ALIGN=&#8221;RIGHT&#8221;&gt;This attribute will<br \/>make the content align<br \/>to the right.&lt;\/P&gt;\n<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><br clear=\"all\">\n<\/p>\n<p>To make the content align to the center, use the CENTER tag. This tag can be used on any element of the website, not just for text content, but also for graphic, tables, or any other display items that you wish it to remain in a centered alignment.\n<\/p>\n<p>\nExample:\n<\/p>\n<table style=\"border: none; width:100%\">\n<tr>\n<td>\n<div style=\"border: 1px dashed; background: #E0FFFF; padding: 1em; text-align: center\">\n&lt;P&gt; &lt;CENTER&gt;This attribute will<br \/>make the content align<br \/>to the center.&lt;\/CENTER&gt; &lt;\/P&gt;\n<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<p><br clear=\"all\">\n<\/p>\n<p>\n<script type=\"text\/javascript\"><!--\ngoogle_ad_client = \"pub-5685769204706262\";\ngoogle_ad_width = 336;\ngoogle_ad_height = 280;\ngoogle_ad_format = \"336x280_as\";\ngoogle_ad_type = \"text\";\n\/\/2007-08-06: JanLeow.com Blogs (Content)\ngoogle_ad_channel = \"5832813811\";\ngoogle_color_border = \"FFFFFF\";\ngoogle_color_bg = \"FFFFFF\";\ngoogle_color_link = \"323539\";\ngoogle_color_text = \"000000\";\ngoogle_color_url = \"BBBBBB\";\n\/\/--><\/script><br \/>\n<script type=\"text\/javascript\"\n  src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\n<\/script><\/p>\n<ul>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-basics.html\">Learning HTML codes for building a web page<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-01-the-basics.html\">Lesson 1 &#8211; The Basic HTML Tag<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html\">Lesson 2 &#8211; Create a website page<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-03-text-formatting.html\">Lesson 3 &#8211; Text formatting tags<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-04-text-alignment.html\">Lesson 4 &#8211; Aligning the paragraph text<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-05-making-ordered-bulleted-list.html\">Lesson 5 &#8211; Making bullet list and numbered list<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/html-06-html-table-codes-border.html\">Lesson 6 &#8211; Create tables in your website<\/a>\n<\/ul>\n<\/p>\n<p><ul><lh><strong>HTML Video Tutorial<\/strong><\/lh><\/p>\n<li><a href=\"make-your-own-web-site-15-html-how-it-works.html\">Learning HTML basics<\/a>\n<li><a href=\"make-your-own-web-site-16-text-formatting.html\">HTML Text formatting<\/a>\n<li><a href=\"make-your-own-web-site-17-more-text-formatting.html\">More HTML Text formatting<\/a>\n<li><a href=\"make-your-own-web-site-18-adding-images.html\">Adding images to your website<\/a>\n<li><a href=\"make-your-own-web-site-19-anchors-links.html\">Making links and anchors when you make your own web site<\/a>\n<li><a href=\"make-your-own-web-site-20-tables-rows-columns.html\">Creating tables, rows and columns in your web site<\/a>\n<\/ul><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The default text alignment for content in a paragraph is left side. Sometimes you may want to make the text align to the right or in the center. To make the text align to the left or right you include the align attribute to the paragraph tag. Example, align to left:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":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":[12],"tags":[83,160,162],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1bS5F-c7","jetpack-related-posts":[{"id":1316,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-17-more-text-formatting.html","url_meta":{"origin":751,"position":0},"title":"More text formatting video tutorial","author":"Jan","date":"31 March 2009","format":false,"excerpt":"Once you have mastered the basics of text formatting. Here some more advance features to make your own web site stand out. It requires tinkering with the attribute of the tags. Each HTML tag has attributes which you could modify. Let's take for example the Paragraph tag <P>, you can\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":739,"url":"https:\/\/www.janleow.com\/life\/html-01-the-basics.html","url_meta":{"origin":751,"position":1},"title":"HTML Lesson 1: The basic HTML tag","author":"Jan","date":"19 March 2007","format":false,"excerpt":"You can create a HTML document using any text editor like Notepad, Wordpad for Windows, or Simple Text on the Mac. There is no need to buy any sophisticated HTML software like Microsoft Frontpage or CoffeeCup HTML editor. However, as your needs progress you may want to consider getting one.\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":756,"url":"https:\/\/www.janleow.com\/life\/html-06-html-table-codes-border.html","url_meta":{"origin":751,"position":2},"title":"HTML Lesson 6: Create HTML tables in your own website","author":"Jan","date":"17 May 2007","format":false,"excerpt":"Create tables is one of the more difficult HTML code to master when making your own website. It is well worth the effort to learn it as it can help you to align each section of your website. You need to think a little bit more abstractly and imagine how\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1324,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-20-tables-rows-columns.html","url_meta":{"origin":751,"position":3},"title":"Creating tables, rows and columns when you make website","author":"Jan","date":"31 March 2009","format":false,"excerpt":"Tables are useful when you make your own web site. Apart from displaying information in a nice spreadsheet like structure. It can also be used to align your web site layout. However the over use of tables for web site alignment is frowned upon as it mean bad programming practice.\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1314,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-16-text-formatting.html","url_meta":{"origin":751,"position":4},"title":"Text formatting video tutorial","author":"Jan","date":"31 March 2009","format":false,"excerpt":"These are some of the basics of HTML code that you should at least know when you make your own web site. This is useful not only in your own web site, but also when you want to make post and comments (if the option is available to you). The\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":748,"url":"https:\/\/www.janleow.com\/life\/html-03-text-formatting.html","url_meta":{"origin":751,"position":5},"title":"HTML Lesson 3: text formatting","author":"Jan","date":"21 March 2007","format":false,"excerpt":"When writing your content for your website, you may want to format your text to emphasize a point and make it stand out from the rest of the content. This is easily done by using the bold tag, italics tag and underline tag. Bold = <B>Bold<\/B> Italics = <I>Italics <\/I>\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/751"}],"collection":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/comments?post=751"}],"version-history":[{"count":0,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/751\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}