how to create a div with three images

Solutions on MaxInterview for how to create a div with three images by the best coders in the world

showing results for - "how to create a div with three images"

20 Oct 2018

1<!DOCTYPE html>
2<html>
3<head>
4<style>
5* {
6  box-sizing: border-box;
7}
8
9.column {
10  float: left;
11  width: 33.33%;
12  padding: 5px;
13}
14
15/* Clearfix (clear floats) */
16.row::after {
17  content: "";
18  clear: both;
19  display: table;
20}
21</style>
22</head>
23<body>
24
25<h2>Images Side by Side</h2>
26<p>How to create side-by-side images with the CSS float property:</p>
27
28<div class="row">
29  <div class="column">
30    <img src="img_snow.jpg" alt="Snow" style="width:100%">
31  </div>
32  <div class="column">
33    <img src="img_forest.jpg" alt="Forest" style="width:100%">
34  </div>
35  <div class="column">
36    <img src="img_mountains.jpg" alt="Mountains" style="width:100%">
37  </div>
38</div>
39
40</body>
41</html>
42