How to o add many div(s) in horizontal way ? [Sovled]

Question

Example : this is my code which vertical mode,,

But i want to make as horizontal mode ?

How to do ?

Code bits :

https://code.sololearn.com/WWFMbb4mIYWd/?ref=app

Answer 1

If you want divs in horizontal mode write all divs in one div and in css write that div name and display: flex;

Answer 2

Write your max width and height

Answer 3

Sajid Ali
https://code.sololearn.com/W7RDVHvrlV05/?ref=appl

there is still some problem in the code like height is way too much.

Answer 4

NOW PROBLEMS IS SOLVED

check :
https://code.sololearn.com/W0rx7Nxt4C6f/?ref=app

Answer 5

$♡F!💕 Abhay if we do this,,
Now our height is increase as per div/width,,
and
If i set body or div height ,, its also increase height as per width.

I mean in simple word :
I want to increase of body width i
And dont want to increase of body height.

Answer 6

div{
display: inline;
}

Answer 7

You might want to use may another div to embody those multiple div tags or even a section then style it with CSS. Like this simple example below

HTML
<section>
<div id="1">some stuffs</div>
<div id="2">some stuffs</div>
.
.
.
<div id="n">some stuffs</div>
</section>

CSS
section { display: flex;}
div { with: xpx; height: ypx;}

Answer 8

And wrap all those div audio and img in a div tag as well .

Answer 9

@your editor horizontal code is height auto adjust...

I dont want height increase

Answer 10

How can I fix it ?
🤔

Answer 11

Do you want all divs on the same line in landscape mode?

Answer 12

Chris C. Yes,,,

Note : i dont want to body of height increase

Answer 13

so like what Abhay did but with full height?