Thursday, November 12, 2015

Text-wrapping issues?

If you are having trouble getting your image and text to position properly, and you are using the CSS "float" property, try the following:

In your HTML page:
Make sure that your image is inside of the element that contains your text.

Give your image a class or id.
In your CSS style sheet:
Tell your image to float to the left or right.

If this does not work, there may be another element or property elsewhere in your code that is having an impact. If you think that is the case and another floated object is effecting your image/text, you can always use the "clear element" where you want the other float to stop taking effect. Values for clear are left, right, and both.
If this doesn't help, please let me know and we will figure it out!