How to Left-Align Posts in Tumblr With HTML
Tumblr is a blogging platform that allows users to add different types of posts, including text, quote, photo, audio and video posts. By default, Tumblr presents you with an easy-to-use WYSIWYG (what you see is what you get) editor to create the post. Sometimes, however, you may wish to add HTML coding into your post to achieve specific formatting results such as left-aligning images or paragraphs. Adding standard HTML coding to left-align posts in Tumblr is a simple process.
Other People Are Reading
Instructions
-
-
1
Open your Web browser and visit Tumblr.com.
-
2
Click the "Log in" button in the upper-right corner of the Web page.
-
-
3
Enter your login email address and password into the fields on the middle of the page, and click on "Log in" to access your Tumblr account.
-
4
Click the "Text" icon at the top of your Tumblr dashboard to create a standard blog post. A new page will appear where you can add the information about the post.
-
5
Click the "HTML" button to access the HTML Source Editor in Tumblr. A new window will appear.
-
6
Type out the body of the post, beginning each new paragraph you wish to left-align with the following HTML tag:
<p align="left">
-
7
Add the following HTML code into the HTML Source Editor wherever you want a left-aligned image to appear in the post:
<img src="http://imageURL.com" align="left">
Replace "imageURL.com" with the URL of the image you want to left-align in your Tumblr post. A left-aligned image will appear to the left of any text following it.
-
8
Click the green "Update" button to save your HTML code and view a sample of the post.
-
9
Click "Create post" to add your post to Tumblr.
-
1
