Note that there are some explanatory texts on larger screens.

plurals
  1. PODiv tag is creating a gap in the middle of text
    text
    copied!<p>I am a newb to HTML and CSS and first time poster here. I looked all over for my issue and was unable to find a solution. </p> <p>This is for the page: <a href="http://www.nursingassistantdegree.com/break-the-cycle-of-single-mom-poverty-by-earning-a-certified-nursing-assistant-degree/" rel="nofollow">http://www.nursingassistantdegree.com/break-the-cycle-of-single-mom-poverty-by-earning-a-certified-nursing-assistant-degree/</a></p> <p>Notice the sentence "Working Minimum Wage..." is broken up (in the HTML that is where the img div begins). I would like to remove that space so the "minimum wage" is directly underneath the "assistant degree". If you notice underneath the image the texts just flows nicely together. </p> <p>Here is the CSS coding (note: I have adjusted all of the numbers of the borders and margins):</p> <pre><code>.picture { background-color: #cee4fa; border: 3px solid #cee4fa; padding: 3px; font: 11px/1.4em Arial, sans-serif; align:right } .picture img { border: 1px solid #cee4fa; vertical-align:middle; margin-bottom: 3px; } .right { margin: 0.5em 0pt 0pt 0.8em; float:right; } .left { margin: 0.5em 0.8em 0.5em 0; float:left; } </code></pre> <p>Here is the HTML:</p> <pre><code>".... you need to be in. Working &lt;div class="picture right" style="width:402px;"&gt; &lt;img src="http://www.nursingassistantdegree.com/wp- content/uploads/2013/05/CertifiedNursingAssistantDegree.jpg" width="400" height="267" align="right" alt="Certified Nursing Assistant Degree"/&gt;Photo Courtesy of Felbry College&lt;/div&gt;&lt;p align="justify"&gt;minimum wage is never going....." </code></pre> <p>Any info you can offer would be great! Thanks! </p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload