# Vertical display of characters in Glide app

**URL:** <https://community.glideapps.com/t/vertical-display-of-characters-in-glide-app/27811>\
**Category:** Project Showcase\
**Created:** [June 9, 2021, 1:43am UTC](https://community.glideapps.com/t/vertical-display-of-characters-in-glide-app/27811 "2021-06-09T01:43:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![hisashi.fujita](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hisashi.fujita/32/17088_2.png) [@hisashi.fujita](https://community.glideapps.com/u/hisashi.fujita)\
**Post date:** [June 9, 2021, 1:43am UTC](https://community.glideapps.com/t/vertical-display-of-characters-in-glide-app/27811/1 "2021-06-09T01:43:31Z")

</div>

Japan / Taiwan / Mongolia.  
The letters of these countries and regions are used not only for horizontal writing but also for vertical writing.  
The following code is useful when you want to display vertically in Glide.

```auto
<pre><span><style>
div[id*='screenScrollView'] > div > div:nth-last-of-type(3),div[id*='screenScrollView'] > div > div:nth-last-of-type(2) {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: relative;
}
div[id*='screenScrollView'] > div > div:nth-last-of-type(3) [data-test="app-text-box"] {
margin-top:-10px;
margin-right:0px;
height:250px;
line-height: 1.9rem;
}
div[id*='screenScrollView'] > div > div:nth-last-of-type(2) [data-test="app-text-box"] {
margin-top:-250px;
margin-right:128px;
height:250px;
font-size: 1rem ;
line-height: 1.7rem;
}

```

 ![スクリーンショット 2021-06-09 10.34.54](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/3/038b87cd46ce8aff37a8afff1a2987e312cc7f6a.jpeg)