Tuesday, May 19, 2015

Wrapping text around image.

Q.  How to wrap text around image?

Ans.  The image has to be left justified and the text has to be justified.

Something a code like below could be added.  


<img src="image.jpg" align="left" />  If text is also aligned left then the text will not wrap around image.  So the text has to be  text-align: justify;

Everything should be input in CSS Style sheets.

So in CSS style sheets.  Add these....in.. tmpl.default.css or in template.css 

.padl {
    float: left;
    padding: 0 15px;
}
   
For text...

p
{
    margin: 0;
    padding-bottom: 25px;
    text-align: justify;
    font-size: 20px;

So in the article put like this....


<div class="padl"><img title="" src="images/articles/*.jpg" alt="" /><br /><strong>   ***</strong></div>



No comments:

Post a Comment