how to align image in one line in html

Code Example 1

/* Three image containers (use 25% for four, and 50% for two, etc) */

  .column {
  float: left;
  width: 33.33%;
  padding: 
  5px;
}

/* Clear floats after image containers */
.row::after {
  
  content: "";
  clear: both;
  display: table;
}

Code Example 2

<div class="row">
  <div class="column">
    <img 
  src="img_snow.jpg" alt="Snow" style="width:100%">
  </div>
  
  <div class="column">
    <img src="img_forest.jpg" 
  alt="Forest" style="width:100%">
  </div>
  <div 
  class="column">
    <img src="img_mountains.jpg" 
  alt="Mountains" style="width:100%">
  </div>
</div>