#right{
background: green;
width: 100%;
}
#left {
margin-top: 5px; /* to test if they intersect*/
background: red;
}
#container {
width: 800px;
}
<div id="container">
<div id="left"> This div is as big as it's content</div>
<div id="right"> rest of space</div>
</div>
Code Example |
---|
Css :: How to install tailwind cdn |
Css :: em in css |
Css :: css nesting |
Css :: max width css |
Css :: aspect ratio css media query |
Css :: nth child |
Css :: css clearfix for floats with display table and clear both |
Css :: background images in css |
Css :: adding quotes css |
Css :: css not working |
Css :: enable bootstrap intellisence vs code |
Css :: how blend two backgrounds css and isolate content |
Css :: How to make website responsive for safari |
Css :: css max width substruction |
Css :: alacritty auto start fish |
Css :: CSS fluid type sizing based on viewport |
Css :: comment in css |
Css :: css class for table |
Css :: preserve aspect ratio image css |
Css :: ssh into docker container ddev |
Css :: fluorescent blue hex code |
Css :: css class selector |
Css :: flexbox in css |
Css :: svg tailwind |
Css :: have button beside form input |
Css :: select focus none |
Css :: menu animation |
Css :: button style css |
Css :: after and before css |
Css :: css pseudo-elements |