Aligning images in text
-
I need to insert some images into the text of a post, but I’m having trouble aligning them properly. Here’s the address:
http://6plus3blog.wordpress.com/
I would like the text to align with the top edge of the image, and for the image to have a space around it, so that the text isn’t touching it.
Any advice would be much appreciated. Thanks.
Paul.
-
Use ‘float’ and in this case, replace the word right with left:
https://en.forums.wordpress.com/topic.php?id=8669&page&replies=3#post-59191
-
Thanks. But I’m afraid I have absolutely no idea what you’re talking about! Sorry, I’m technically challenged when it comes to writing code. Isn’t there there something I just click on and enter the details?
Paul.
-
You can click on the photo and then click on the left align button you would use for text. Some themes handle that better than others.
However, if you look in your code tab and see the code for the photo, you’ll see immediately where to put that ‘float’ snippet.
-
Insert this in between the filename extension and alt:
style=”margin: 10px; float: left”
Do it in the code tab.
-
Thanks. It worked!! Can this not be done successfuly with the ‘Insert/Edit Image’ button?
-
You mean float? Gosh, I really don’t know, as I don’t use that button. Far simpler to copy and paste that snippet when you need it. Just bookmark the link I gave you and copy from there. *wink*
And if that 10 pixel margin is too large for you, change it to 8.
Glad it worked…happy blogging.
-
Thanks for your help. One more thing. How do I prevent having a margin all the way around the image? I’m aligning left, and have the margin between the image and the text, but I also have a margin top, bottom and right?
-
-
Here is a really good tutorial for wrapping text:
WordPress Tutorial – How to Position an Image and Wrap Text Around an Image Using WordPress
- The topic ‘Aligning images in text’ is closed to new replies.