# Css Side-by-side input text

**URL:** <https://community.glideapps.com/t/css-side-by-side-input-text/66109>\
**Category:** Ask for Help\
**Created:** [September 13, 2023, 8:39pm UTC](https://community.glideapps.com/t/css-side-by-side-input-text/66109 "2023-09-13T20:39:11Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brandon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brandon/32/58098_2.png) [@Brandon](https://community.glideapps.com/u/Brandon)\
**Post date:** [September 13, 2023, 8:39pm UTC](https://community.glideapps.com/t/css-side-by-side-input-text/66109/1 "2023-09-13T20:39:11Z")

</div>

Is there a way via css to make to text input items sit next to each other 50%?  
I found I can have it fit for a particular size screen but when using top margin ext… but the sizing is not consistent.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/960468e91449c1043bf305807404b2943fe0c921.png)

Looking for something like this  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/0/80f0cf30203e8712431c778ffd13c4dd1a2f2214.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 14, 2023, 1:43am UTC](https://community.glideapps.com/t/css-side-by-side-input-text/66109/2 "2023-09-14T01:43:44Z")

</div>

You will likely run into issues trying to change it for different screen sizes, it will be a headache. Containers do work for some cases, but not all, especially overlays.