How can we put two parts side by side in HTML?

Tags define the divisions of an HTML document. This tag is primarily used to group similar content together for easier styling. It also serves as a container for HTML elements and we can easily style this tag using class or id attributes. We can place content insidetags.

Using CSS properties, we can place twotags side by side in HTML.

Through style settings, we can place two divided classes side by side.

grammar

The following is the syntax of thetag.

Content…

Example 1

The following is an example of using CSS properties to place two divided classes side by side in HTML.

       
   
div tag 1
 
div tag 2
   

The following is the output of the above example program.

Example 2

In another example of adding two tags side by side, we use CSS properties to style them by setting the height to 100px and setting the margin usingset_margin-

    
  
 First DIV 
 
 Second DIV 
  

Add parent tag

We can also add a parent to place two divisions. Here the parenttag acts as a container for child classes (HTML elements).

We can also use CSS properties to style the parent.

grammar

The following is the syntax for the parenttag, which contains two child tags.

         

          
Content…
 
Content…
         

Example 1

Given below is an example of placing twotags side by side in HTML, in this program we use parent class to add more styles in HTML document.

       
  
 
div tag 1
 
div tag 2
 
  

The following is the output of the above example program.

Example - by creating a split screen

Given below is an example of placing two div tags side by side by splitting the screen in half.

The following is the output of the above example program.

The above is the detailed content of How can we put two parts side by side in HTML?. For more information, please follow other related articles on the PHP Chinese website!