# CSS posição das palavras

**URL:** <https://community.glideapps.com/t/css-posicao-das-palavras/32147>\
**Category:** Ask for Help\
**Created:** [September 22, 2021, 1:39pm UTC](https://community.glideapps.com/t/css-posicao-das-palavras/32147 "2021-09-22T13:39:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wander\_Ferreira](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wander_ferreira/32/26408_2.png) [@Wander\_Ferreira](https://community.glideapps.com/u/Wander_Ferreira)\
**Post date:** [September 22, 2021, 1:39pm UTC](https://community.glideapps.com/t/css-posicao-das-palavras/32147/1 "2021-09-22T13:39:58Z")

</div>

Tenho 03 palavras para colocar na mesma linha, contudo cada palavra precisa ter uma ação específica para ela, abaixo um modelo:

**Nome Cidade Música**

Preciso que essas palavras acima em negrito tenham seus próprios CSS, mas alinhadas ao centro da tela próximas uma das outras, contudo horizontalmente.

Alguma ideia que possa me ajudar? Obrigado 🙂

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [September 22, 2021, 1:46pm UTC](https://community.glideapps.com/t/css-posicao-das-palavras/32147/2 "2021-09-22T13:46:20Z")

</div>

I’d probably use an Inline List with tiles layout, and use cloudinary instead of CSS to give each “button” a different style. Here is an example of what I mean:

![Screen Shot 2021-09-22 at 9.44.59 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/8/28aaf7d7d3e1fc64a938ceb6a4d242798dc8906e.png)

---

<div class="post-metadata">

**Author:** ![Wander\_Ferreira](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wander_ferreira/32/26408_2.png) [@Wander\_Ferreira](https://community.glideapps.com/u/Wander_Ferreira)\
**Post date:** [September 22, 2021, 1:57pm UTC](https://community.glideapps.com/t/css-posicao-das-palavras/32147/3 "2021-09-22T13:57:34Z")

</div>

Eu entendi a questão da lista, usei o inline list, agora como é o cloudinary?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [September 22, 2021, 3:14pm UTC](https://community.glideapps.com/t/css-posicao-das-palavras/32147/4 "2021-09-22T15:14:23Z")

</div>

I don’t have a template, but I could give you step by step instructions.  
The most difficult part is probably with Cloudinary, are you already familiar with that?

---

<div class="post-metadata">

**Author:** ![Wander\_Ferreira](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wander_ferreira/32/26408_2.png) [@Wander\_Ferreira](https://community.glideapps.com/u/Wander_Ferreira)\
**Post date:** [September 23, 2021, 12:27pm UTC](https://community.glideapps.com/t/css-posicao-das-palavras/32147/5 "2021-09-23T12:27:09Z")

</div>

Cloudinary não, mas se tiver algum link de Youtube explicando eu assisto para saber.