Three Ways to Place Elements Next to Each Other - HTML CSS TUTORIAL

Channel:

The Wheelchair Guy

Subscribers:

17,600

Published on August 28, 2022 4:44:12 AM ● Video Link: https://www.youtube.com/watch?v=lsP5agWYjCU

Duration: 0:00

11,360 views

112

in this video, I will show you how to place three DIVS beside each other using HTML AND CSS. It is easy to accomplish that. The first way to place two things next to each other is to set the display to inline two of both of the HTML elements. The second method is to use CSS flex. First, you create a div with a class called, container. Then you select it by saying .container and set the display to flex. Afterward, you can use justify-content: space-between; or you can say, justify-content: space-around; The third way is to create a div and place your items inside of that div. Then, you say grid-template-columns: 1fr 1fr; This will make the grid two columns.

#webDesign #CSS #html