CODEWITHSUNDEEP
htmlcss
vir
vir

Reputation: 1091

Paragraph element with images in html

i would like to create html like this :

enter image description here

text start with "we all grew up, reiterating to oursleves...." have 2 lines with image, and 3rd like start with left alignment

i take following elements for this ; 

<ul class ="ariticaldiv">
        <li>
            <div>
                <img src="../Images/DefaultPhotoMale.png" alt="" />
                <span>Think About there benefits , Your Brand is your Equity</span>
                <span><span>By : xxxxx</span><span>Director Of HR</span></span>
                <span><span>Post:</span><span>March 3,2014</span></span>
                <label>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx some long text here xxxxxxxxxxxxxx</label>
            </div>
        </li>
    </ul>

how could i do that ?

Upvotes: 0

Views: 69

Answers (2)

Hossein Salmanian
Hossein Salmanian

Reputation: 763

try this 

 <div>
    <p style="width: 250px">
    <img src="../Images/DefaultPhotoMale.jpg" alt="" style="float: left; width: 50px; height:    50px;margin:2px" />
    <span>Think About there benefits , Your Brand is your Equity
    By : xxxxx Director Of HR 
    Post: March 3,2014 
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx some long text here xxxxxxxxxxxxxx
    </span>
    </p>

Upvotes: 0

Luca Detomi
Luca Detomi

Reputation: 5716

If you render float the image, you'l obtain what you desire:

HTML:

<img src="../Images/DefaultPhotoMale.png" alt="" class='floated_image' />

CSS:

.floated_image
{
  float:left;
  margin-right:10px;
}

Upvotes: 1

Related Questions