| operations |
| comment | | "parent_author":"",<br>"parent_permlink":"tutorial",<br>"author":"arwine",<br>"permlink":"steemit-blog-tutorial-how-do-you-make-text-justify-in-html",<br>"title":"Steemit Blog Tutorial: How do you make text-justify in HTML",<br>"body":"<div class=\"text-justify\"><b> I have recently had some comments asking about how the justified can be done in a Steemit post,<br> like I sometimes do it. So here is a tutorial on how to do that.\n<\/div>\n\n\n### What is Justified\n\n<h1><\/h1>\n\n<div class=\"text-justify\"> Justified text is a fancy way of saying how text fills the box that contains it. If you have ever used text editing software like Word and Google Docs,<br> then you might be familiar with these icons:\n<\/div>\n<h1><\/h1>\n\nhttps:\/\/steemitimages.com\/DQmPF2NEAHSKE8rNCKBeMoxxBGy93ta1TNf5fEH7bxpai14\/213890.image1.jpg\n***\n\nLet's start with justify as an example.\n\n![2010AlignmentFull.png (https:\/\/steemitimages.com\/DQmXe5P1UqrmdY8neq2yHNtoyMHsfw4UYdDUqdRwdBG3Rnc\/2010AlignmentFull.png)\n\n***\n Enter the html code,<br> which is also known as a div block:\n\n\nUse `<div class=\"text-justify\">`for justify code. Each div must be closed with a `<\/div>`.\n\nExample usage:\n\n```\n<div class=\"text-justify\">\nWrite your text here... I have recently had some comments asking about how the justified can be done in a Steemit post,<br> like I sometimes do it. So here is a tutorial on how to do that.\n<\/div>\n```\n<h1><\/h1>\n\nYou get this \ud83d\udc47\n<div class=\"text-justify\">\nWrite your text here... I have recently had some comments asking about how the justified can be done in a Steemit post,<br> like I sometimes do it. So here is a tutorial on how to do that.\n<\/div>\n\n<h1><\/h1>\n\n\nhttp:\/\/bestanimations.com\/Site\/Lines\/Symbol-03-june.gif\n<div class=\"text-justify\">\nSome browsers will get confused about where the last line of text is and when a block of text is immediately followed by a table. But don't worry,<br> there are way to fix this issue. \n<\/div>\n\nhttp:\/\/bestanimations.com\/Site\/Lines\/Symbol-03-june.gif\n\n<h1><\/h1>\n\n## Example 1: `<h1><\/h1>`\n\n![IMG_20180213_092636.JPG (https:\/\/steemitimages.com\/DQmT8FrXLqMZmyZh3fKv7ZtK6z17M7VG1gLisvuHBWaqS9C\/IMG_20180213_092636.JPG)\n\nUse `<h1><\/h1>` code. \n\n![IMG_20180213_092123.JPG (https:\/\/steemitimages.com\/DQmbFZuejydbSfV59yB1sPuwr7nmJfvNpRdKrUVhfXbjx6r\/IMG_20180213_092123.JPG)\n\nYou get this \ud83d\udc47\n\n![IMG_20180213_093010.JPG (https:\/\/steemitimages.com\/DQmU3AQYDNbDe8xGEAs9J9SGvxm9x6LjijW2sEq3opNKdu2\/IMG_20180213_093010.JPG)\n\n\nhttp:\/\/www.gifs.cc\/line-animated-birds-wire.gif\n\n## Example 2: `<P><\/P>`\n\n![IMG_20180213_101621.JPG (https:\/\/steemitimages.com\/DQmPR9JMDfi9WiH8agu18x59WY4hxfNr4pCe3gqLwSJsdkF\/IMG_20180213_101621.JPG)\n\n\nUse `<P><\/P>` code. \n\n\n![IMG_20180213_101342.JPG (https:\/\/steemitimages.com\/DQmYBXdSjwFHWVoxYZ7x9Bqwn3WkDtGggzz983ejYjinojS\/IMG_20180213_101342.JPG)\n\nYou get this \ud83d\udc47\n\n<P><div class=\"text-justify\">Member TeamMalaysia Sabah telah bertambah dari masa ke semasa. Berikut adalah pertambahan jumlah ahli dari December 2017,<br> January 2018 dan February 2018 :<\/div><\/P><TABLE BORDER> <TR> <TD>December<\/TD> <TD>40 ahli<\/TD> <TR> <TD>January <\/TD> <TD> 114 ahli<\/TD> <TR> <TD>February <\/TD><TD>8 ahli(13\/2\/2018)<\/TD> <\/TABLE>\n\n***\n<div class=\"text-justify\">\nNote that with the current Steemit editor,<br> there is no super easy way to do this,<br> so this guide will be helpful to those who really want to use these features in their posts.\n<\/div>\n\n***\n***\n#### Don't forget to check out my most recent steemit tutorial post. Thank you \ud83d\ude0a\n<h1><\/h1>\n[Tutorial: kod 'markdown' untuk blog anda (https:\/\/steemit.com\/teammalaysia\/@arwine\/tutorial-kod-markdown-untuk-blog-anda)\n\nhttp:\/\/cur.glitter-graphics.net\/pub\/3008\/3008623bny8uhl047.gif\n\n<div class=\"text-justify\">\nLet me know what you think,<br> please leave your comments below. As always,<br> follow me if you like my work and want to see more. If you think others will enjoy this Please ReSteem it!\n<\/div>\n\n\n![U5dtWDWNAa4LvcKUJxJWXjJLzxF3dmz.gif (https:\/\/steemitimages.com\/DQmYfKYGX2M8Qc8nNUi6TqUzHKoeLmafZ6PVBMjt7wjXe5R\/U5dtWDWNAa4LvcKUJxJWXjJLzxF3dmz.gif)\n![screedbot.gif (https:\/\/steemitimages.com\/DQmUhQu38TQdzGUW1UwMMHn4eBQKq3EDQTR7ryGy2zfxHB8\/screedbot.gif)",<br>"json_metadata":" \"tags\":[\"tutorial\",<br>\"new\",<br>\"teammalaysia\",<br>\"aceh\",<br>\"learning\" ,<br>\"image\":[\"https:\/\/steemitimages.com\/DQmPF2NEAHSKE8rNCKBeMoxxBGy93ta1TNf5fEH7bxpai14\/213890.image1.jpg\",<br>\"https:\/\/steemitimages.com\/DQmXe5P1UqrmdY8neq2yHNtoyMHsfw4UYdDUqdRwdBG3Rnc\/2010AlignmentFull.png\",<br>\"http:\/\/bestanimations.com\/Site\/Lines\/Symbol-03-june.gif\",<br>\"https:\/\/steemitimages.com\/DQmT8FrXLqMZmyZh3fKv7ZtK6z17M7VG1gLisvuHBWaqS9C\/IMG_20180213_092636.JPG\",<br>\"https:\/\/steemitimages.com\/DQmbFZuejydbSfV59yB1sPuwr7nmJfvNpRdKrUVhfXbjx6r\/IMG_20180213_092123.JPG\",<br>\"https:\/\/steemitimages.com\/DQmU3AQYDNbDe8xGEAs9J9SGvxm9x6LjijW2sEq3opNKdu2\/IMG_20180213_093010.JPG\",<br>\"http:\/\/www.gifs.cc\/line-animated-birds-wire.gif\",<br>\"https:\/\/steemitimages.com\/DQmPR9JMDfi9WiH8agu18x59WY4hxfNr4pCe3gqLwSJsdkF\/IMG_20180213_101621.JPG\",<br>\"https:\/\/steemitimages.com\/DQmYBXdSjwFHWVoxYZ7x9Bqwn3WkDtGggzz983ejYjinojS\/IMG_20180213_101342.JPG\",<br>\"http:\/\/cur.glitter-graphics.net\/pub\/3008\/3008623bny8uhl047.gif\",<br>\"https:\/\/steemitimages.com\/DQmYfKYGX2M8Qc8nNUi6TqUzHKoeLmafZ6PVBMjt7wjXe5R\/U5dtWDWNAa4LvcKUJxJWXjJLzxF3dmz.gif\",<br>\"https:\/\/steemitimages.com\/DQmUhQu38TQdzGUW1UwMMHn4eBQKq3EDQTR7ryGy2zfxHB8\/screedbot.gif\" ,<br>\"links\":[\"https:\/\/steemit.com\/teammalaysia\/@arwine\/tutorial-kod-markdown-untuk-blog-anda\" ,<br>\"app\":\"steemit\/0.1\",<br>\"format\":\"markdown\" " |
|