Menu
I mean, the two tags have the same height.
500
The two or more different div of same height can be put side-by-side using CSS. Use CSS property to set the height and width of div and use display property to place div in side-by-side format. The used display property are listed below: display:table; This property is used for elements (div) which behaves like table.
With CSS properties, you can easily put two <div> next to each other in HTML. Use the CSS property float to achieve this. With that, add height:100px and set margin.
To get all elements to appear on one line the easiest way is to: Set white-space property to nowrap on a parent element; Have display: inline-block set on all child elements.
Try this for all divs.
display:inline-block;
Simple: use <span>s instead.
<div> by default have display: block, meaning the next element will be on a new line.
You can change them to display: inline to get the behavior you want. But remember that an inline <div> is just a <span>.
30
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
