Image Bleeding into the Item Below It

Jump to solution
traciebosket
Community Champion

Hi All,

I keep running into an issue with images bleeding over lines below it. For an example:

image bleed 01.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

This is the code:

</div>
<p><strong><span style="font-size: 12pt;"><img style="padding: 0 35px; float: right;" src="https://vcccd.instructure.com/courses/26558/files/20555475/preview" alt="Book: The Whalestoe Letters Mark Z Danielewski" width="165" height="176" data-api-endpoint="https://vcccd.instructure.com/api/v1/courses/26558/files/20555475" data-api-returntype="File" /></span></strong>The classroom should be a place in which people are comfortable speaking and sharing their thoughts. Given the ideas that we will discussing in this course, please keep in mind that the commentary you make should be regarding the texts themselves, the period, and the potential authorial intent, and should not be a personal commentary on the beliefs of other classmates. Please remember to be respectful of your classmates during discussion; treat others as you would want to be treated in a public venue. In addition, please recognize that there may be ideas and content (in writing and/or imagery) presented with which you&rsquo;re uncomfortable. However, please understand that these are texts, images, and ideas that have an academic purpose and we will approach the content from a perspective of understanding meaning, function and intent of each individual work.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div style="padding: 2px 3px; background-color: #f7f7f7;">
<h2 style="text-align: left;"><strong><span style="font-size: 12pt;">Schedule of Reading/Writing Assignments (subject to changes)</span></strong></h2>
</div>

 

Is there something I can do to stop that bleed?

Tracie

 

0 Likes
1 Solution
matthew_buckett
Community Contributor

Hiya Tracie,

Replace:

<div style="padding: 2px 3px; background-color: #f7f7f7;">

with:

<div style="padding: 2px 3px; background-color: #f7f7f7; clear: both;">

This should cause the next section to always fall below the bottom of the floated image.

View solution in original post