# Vertical Separator; Inputs Side-by-Side

**URL:** <https://community.glideapps.com/t/vertical-separator-inputs-side-by-side/27609>\
**Category:** Ask for Help\
**Created:** [June 4, 2021, 2:55am UTC](https://community.glideapps.com/t/vertical-separator-inputs-side-by-side/27609 "2021-06-04T02:55:14Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 4, 2021, 3:23am UTC](https://community.glideapps.com/t/vertical-separator-inputs-side-by-side/27609/3 "2021-06-04T03:23:34Z")

</div>

Hello, @erik  
If you are interested, here is a small example.

You must adapt the number in each “nth-child (…)” according to the order of the components.

Be careful, if you change the visibility of the components, this trick no longer works (or badly!)

Test on Chrome / Windows 10 & Android

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/3/73ad92055937923fdca2d8a9363dc666ae588695.png)

The CSS

```auto
<pre><span><style>

/* Text Entry (2nd component) */
div[id*='screenScrollView'] > div > :nth-child(2) {
margin-left:-5px;
width:50%;
height:70px;
}

/* Number Entry (3eme component) */
div[id*='screenScrollView'] > div > :nth-child(3) {
margin-top:-75px;
margin-left:60%;
transform: translateX(-25%);
width:50%;
height:70px;
}

/* Text Entry (4eme component) */
div[id*='screenScrollView'] > div > :nth-child(4) {
margin-left:-5px;
width:50%;
height:70px;
}

/* Number Entry (5eme component) */
div[id*='screenScrollView'] > div > :nth-child(5) {
margin-top:-75px;
margin-left:60%;
transform: translateX(-25%);
width:50%;
height:70px;
}
</style></span></pre>

```

EDIT: In CSS, I remove the lines “display: fixed;” uh that doesn’t mean anything and that’s a big mistake on my part, sorry.

---

_[View the full topic](https://community.glideapps.com/t/vertical-separator-inputs-side-by-side/27609)._