'How to add image next to other images?

So i adding an image in HTML, i want to add more images next to it. but every time i try, it always placed in the next line of the web. should i use CSS? and what tag or element that i need to use?

<!DOCTYPE>
<html> 
  <img src="imageone"/>
  <img src="imagetwo"/>
  <!-- i want "imageone" to be placed next to "imagetwo"-->
</html>
htmlcss


Solution 1:[1]

Nest the images in a parent div and give it a class. Then use flex.

.wrapper {
  display: flex;
  justify-content: space-evenly;
  margin: auto;
}

.wrapper img {
   max-width: 100%;
}
<!DOCTYPE>
<html>
<div class="wrapper">
  <img src="https://dummyimage.com/300/000/fff" />
  <img src="https://dummyimage.com/300/000/fff" />
</div>
</html>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Roko C. Buljan

Related Questions