WordPress.org

1. VeronicaRose
   Member
   Posted 3 years ago #

   I followed the instructions for wrapping text around an image in the wordpress codex located here: http://codex.wordpress.org/Wrapping_Text_Around_Images

   But I did something wrong.
   This is what my css looks like:

   .right { float: right; }
   .left { float: left; }
   img.centered { display: block; margin-left: auto; margin-right: auto; }

   img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
   img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

   1) This is what my html looks like:

   <img src="http://veronicarose.com/bathroom.jpg" width=180 height=180 border=2px class=left align=center >

   In this example the image has indeed floated left and the text is wrapping but there is no margin. Also because there was not enough text wrapping before I hit the 'more' button in the text editor the image is spilling over the line divider on the index into the next post. Is there a way to stop that or should I concede for more text?

   2) This is what my html looks like:

   <img src="http://www.veronicarose.com/baby.jpg" class= "centered" alt="kick the baby" />

   But the image is not centered

2. VeronicaRose
   Member
   Posted 3 years ago #

   There's something wrong with that image in example number one besides the 'more' button and not enough text, because I moved it to the very bottom of the post instead and now it's spilling over into the comments.

Topic Closed

This topic has been closed to new replies.