Changing the Image Alignment Updated on August 16, 2021 by Brad Markle 1 Minutes, 2 Seconds to Read In the last tutorial of this series, you learned how to add a basic image to your website. Often you will need to change the alignment of the image on the page. This can be done by modifying you image tag in the HTML code. We will use the same code as we did in the previous tutorial. <img src=”Images/my-image.jpg” /> Now we will change the alignment. For the alignment of the image, you have a few options: align=”left” align=”right” align=”middle” align=”top” align=”bottom” If we have an image that we want to appear in the middle of the page, we will use the “middle” alignment tag. The align tag will go in the same code as the img src, like this: <img src=”Images/image.jpg” align=”middle”> The image will now appear in the middle of the page. When an image is aligned in this method, the text will appear above or below the image. Please check the next article on Changing the Size of an Image. If you missed our previous article, please see the Inserting Images using HTML tutorial. For more information on this course please visit Inserting Images into a Website Share this Article Related Articles How To Create a PHP Redirect (301, 302, and Dynamic Redirect Examples) Connect to SFTP for Shared Hosting Accounts Using FileZilla FTP Basics for Dedicated Servers How to Install Jekyll and Launch a New Site How to Host AI-Prompt Generated Websites on Shared Hosting What is your default PHP.ini file? Getting Started Guide: FTP Configuring your site in WS_FTP Schedule Social Media Posts With Buffer FTP Error – 421 Too Many Connections
