Home/ Questions/Q 9132309
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T08:17:29+00:00

Here is the code: <div style=border-style:solid; border-color:aqua; border-width:1px;> <img src=some picture align=left /> <div>

  • 0

Here is the code:

   <div  style="border-style:solid; border-color:aqua; border-width:1px;">

       <img src="some picture" align="left" /> 
       <div>
            <span >SOME TEXT</span></br>
            <span >SOME TEXT</span></br>
            <span >SOME TEXT</span>
       </div>  

   </div>

The span block takes less (vertical) space then image and so the border and image overlaps and the image is partly out of the div span. Here is jsFiddle

How to apply border to out div?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should clear the image and the div with spans adding : <div style="clear:both"></div> in the end.

    <div  style="border-style:solid; border-color:aqua; border-width:3px;">

           <img id="image_HDDimageControl" src="http://stereo-ssc.nascom.nasa.gov/beacon/t0193.jpg" align="left"> 
           <div>
             <span >SOME TEXT</span ></br>
             <span >SOME TEXT</span ></br>
             <span >SOME TEXT</span >
           </div>  

<div style="clear:both"></div>
    • 0