title: How can I add two image side by side in php?
body: <p>This is my code :
  I would like to add tree image side to side width 300px height 300px and that when you click on the iomage it will redirect them to a new page.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>&lt;Title&gt; Services &lt;/Title&gt;
      &lt;link rel="stylesheet" href="css/style.css" /&gt;
  &lt;/Head&gt;
  &lt;body&gt;
  &lt;div&gt;
  &lt;h2&gt; &lt;div style=text-align:center;"&gt; &lt;img src="images/banner-services.jpg" alt="banner-services" /&gt; &lt;/h2&gt;
  &lt;h2 style=text-align:center;&gt; &lt;b&gt; Select The Type of Dance You Would Like to Buy &lt;/b&gt; &lt;/h2&gt;
  &lt;br&gt;
  &lt;a href="bachata.php"&gt;
      &lt;div style="width:300px;height:300px;background-image:url('images/bachata-logooo.jpg');"&gt;
      &lt;div style=text-align:center;"&gt; Bachata
      &lt;/div&gt;
  
      &lt;a href="salsa.php"&gt;
      &lt;div style="width:300px;height:300px;background-image:url('images/salsa-logooo.jpg');"&gt;
      &lt;div style=text-align:center;"&gt; salsa-logooo
      &lt;/div&gt;
  
      a href="merengue.php"&gt;
      &lt;div style="width:300px;height:300px;background-image:url('images/merengue-logooo.jpg');"&gt;
      &lt;div style=text-align:center;"&gt; merengue-logooo
      &lt;/div&gt;
  </code></pre>