Bootstrap, как мне добавить место между моим изображением и текстом?

Question

У меня есть изображение и текст бок о бок, но теперь мне нужно добавить промежуток между каждым набором текста и изображения. здесь мой код.

.container { 
 
    float: left; 
 
    display: block; 
 
    margin-top: 5%; 
 
}

<div class="container"> 
 
    <!--Row with three equal columns--> 
 
    <div class="row"> 
 
    <div class="col-md-4"> 
 
     <div class="demo-content"> 
 
     <img src="images/squareicon.png" class="pull-left"> 
 
     <h3>Versatile Spaces</h3> 
 
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> 
 
     </div> 
 
    </div> 
 
    <div class="col-md-4"> 
 
     <div class="demo-content bg-alt"> 
 
     <img src="images/pointericon.png" class="pull-left"> 
 
     <h3>Central Location</h3> 
 
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> 
 
     </div> 
 
    </div> 
 
    <div class="col-md-4"> 
 
     <div class="demo-content"> 
 
     <img src="images/foodicon.png" class="pull-left"> 
 
     <h3>Catering to Taste</h3> 
 
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

Вы можете дать запас к изображению:

.demo-content img { 
    margin-right: 20px; 
}