# Prob: Resizing window stacks inline divs ?

**URL:** <https://forum.kirupa.com/t/prob-resizing-window-stacks-inline-divs/642649>\
**Category:** web dev\
**Created:** [April 30, 2020, 5:28pm UTC](https://forum.kirupa.com/t/prob-resizing-window-stacks-inline-divs/642649 "2020-04-30T17:28:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vmars316](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Post date:** [April 30, 2020, 5:28pm UTC](https://forum.kirupa.com/t/prob-resizing-window-stacks-inline-divs/642649/1 "2020-04-30T17:28:54Z")

</div>

Hello & Thanks ;  
Prob : Resizing browser window stacks inline divs ?  
How can I prevent this behavior ?  
The divs are “display: inline-block;” .  
I want divs to remain side by side .  
Code is 207 lines long , so perhaps see it here :  
[http://vmars.us/ShowMe/vmTemplate-2Parallel-Tables-P-Editable-BEST-UnClutter-No-PP.html](http://vmars.us/ShowMe/vmTemplate-2Parallel-Tables-P-Editable-BEST-UnClutter-No-PP.html)

Thanks

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 1, 2020, 6:19am UTC](https://forum.kirupa.com/t/prob-resizing-window-stacks-inline-divs/642649/2 "2020-05-01T06:19:37Z")

</div>

One solution would be to prevent our outer row from growing too small:

```
.RowH1 {
    display: inline-block;
    border-style: solid solid solid solid;
    border-width: 2px;
    border-color: black;
    margin: 8px;
    min-width: max-content;
}

```

The `min-width` property you see above will ensure the outer container never gets small enough to cause the inside `div` elements to have to stack.

🏝

---

<div class="post-metadata">

**Author:** ![vmars316](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Post date:** [May 2, 2020, 1:50pm UTC](https://forum.kirupa.com/t/prob-resizing-window-stacks-inline-divs/642649/3 "2020-05-02T13:50:49Z")

</div>

Thanks kirupa ;

```
    .RowH1 {
        display: inline-block;
        border-style: solid solid solid solid;
        border-width: 2px;
        border-color: black;
		margin: 8px;
		min-width: max-content;
    }

```

Works Perfectly !