title: Overlapping text on images css
body: <pre><code>                    &lt;div class="row"&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;div class="laptop"&gt;
                                  &lt;img src="images/laptop.png" alt="" style="width: 16em;"&gt;
                                  &lt;p class="laptop-para"&gt;Météo Ravageurs Pytosanitaire&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;div class="laptop"&gt;
                                  &lt;img src="images/laptop.png" alt="" style="width: 16em;"&gt;
                                  &lt;p class="laptop-para"&gt;Collecte et transmission de données&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-4"&gt;
                              &lt;div class="laptop"&gt;
                                  &lt;img src="images/laptop.png" alt="" style="width: 16em;"&gt;
                                  &lt;p class="laptop-para"&gt;Systèmes Electriques de commande&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/paQjg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/paQjg.png" alt="enter image description here"></a></p>
  
  <p>I have 3 laptop images and paragraphs. I want to center the text inside each images is there any easy way to do that like positioning?</p>