Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

LibGuides - Getting Started: Aligning Text & Images

Aligning Images and Text

In addition to entering the Image URL, there are several settings you can adjust when you add images to a LibGuides text box.  The box at right shows how to use some of these setting to align images with text.

Aligning Images and Text

Default Setting

Tree pictureIf you leave the image aligment as "Not Set" (the default), any text you type will begin to the right of the image aligned with the bottom of the image (as shown here).  If it is long enough to wrap, it will continue underneath the image. This setting is generally not ideal, as it will leave a lot of white space.

Left-Aligned

Tree pictureIf you want the text to appear next to the image, change the alignment drop-down menu to left.  It will then look like this.  Notice that there is also more space between the picture and the text.  This is controlled by changing the horizontal space setting from blank, or 0, to a certain number of pixels.  (Here it is set to 3.) Again, if the text is long enough it will wrap underneath the image.

Right-Aligned 

Alternatively, you can change the alignment drop-down menu to right.  It will then look like this.  This example also uses a wider horizontal space. (10 pixels instead of 3.)