# How to place elements next to each other?

**URL:** <https://community.weweb.io/t/how-to-place-elements-next-to-each-other/1424>\
**Category:** Ask us anything\
**Tags:** design\
**Created:** [November 12, 2022, 7:11pm UTC](https://community.weweb.io/t/how-to-place-elements-next-to-each-other/1424 "2022-11-12T19:11:36Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ibrahim](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/ibrahim/32/1579_2.png) [@ibrahim](https://community.weweb.io/u/ibrahim)\
**Post date:** [November 12, 2022, 7:11pm UTC](https://community.weweb.io/t/how-to-place-elements-next-to-each-other/1424/1 "2022-11-12T19:11:36Z")

</div>

Hello,  
I have just started recently to use Weweb, previously I used to use bubble. I face some difficulties with design. I am trying to place like 2 buttons or multiple elements next to each other and I don’t know how to do this using the sections of containers… I’m a bit confused… as you know in other tools you can just drag and drop the elements anywhere you want… I looked at various tutorials and but still couldn’t find what I’m looking for… so could you please help?

---

<div class="post-metadata">

**Author:** ![peteletkemansst](https://avatars.discourse-cdn.com/v4/letter/p/dc4da7/32.png) [@peteletkemansst](https://community.weweb.io/u/peteletkemansst)\
**Post date:** [November 12, 2022, 8:27pm UTC](https://community.weweb.io/t/how-to-place-elements-next-to-each-other/1424/2 "2022-11-12T20:27:16Z")

</div>

A section is can be considered the root

 tag.  
Everything belongs to a section and you can have more than one section, but you cannot nest sections.  
Containers are child 
 tags and can be nested in many other elements like flexbox, table, etc.

This setting may be the one that matters to you most at this time:  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d275214605351a64453854e4c62d77f8bf69e7bb.png)

I suggest you try this:

1. Create a page, add a section, and add a container to that section.
2. Add a few elements, maybe buttons, text, etc.
3. Change the direction of the container to see what happens.

---

<div class="post-metadata">

**Author:** ![ibrahim](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/ibrahim/32/1579_2.png) [@ibrahim](https://community.weweb.io/u/ibrahim)\
**Post date:** [November 13, 2022, 1:07am UTC](https://community.weweb.io/t/how-to-place-elements-next-to-each-other/1424/3 "2022-11-13T01:07:26Z")

</div>

Thanks a lot… now i got it… thanks again 🙂