# Canvas element spacing/snapping

**URL:** <https://discuss.elastic.co/t/canvas-element-spacing-snapping/277332>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [June 29, 2021, 10:38am UTC](https://discuss.elastic.co/t/canvas-element-spacing-snapping/277332 "2021-06-29T10:38:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![qlikq](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/qlikq/32/90285_2.png) [@qlikq](https://discuss.elastic.co/u/qlikq)\
**Post date:** [June 29, 2021, 10:38am UTC](https://discuss.elastic.co/t/canvas-element-spacing-snapping/277332/1 "2021-06-29T10:38:01Z")

</div>

Hello,  
is it possible somehow to make an element to be positioned right next to other element ? I don't know how to move my markdown element to the top markdown element, so that, there is no space between them ? Now it looks like there is white line between those two elements:  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/6/e/6e67817f717f86ce5cb3a08fb3fb246e8681cb83.png)

---

<div class="post-metadata">

**Author:** ![Felix\_Roessel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/felix_roessel/32/41623_2.png) [@Felix\_Roessel](https://discuss.elastic.co/u/Felix_Roessel)\
**Post date:** [June 29, 2021, 10:56am UTC](https://discuss.elastic.co/t/canvas-element-spacing-snapping/277332/2 "2021-06-29T10:56:25Z")

</div>

Moving the element with the mouse should trigger some snapping features.  
Also If you move with Keyboard there are common key combinations to make a bigger or smaller move.  
Also there are some distribution and alignment features in the edit menu.

Bringing all this together should make it easy to achieve every styling you like.

---

<div class="post-metadata">

**Author:** ![qlikq](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/qlikq/32/90285_2.png) [@qlikq](https://discuss.elastic.co/u/qlikq)\
**Post date:** [June 29, 2021, 11:24am UTC](https://discuss.elastic.co/t/canvas-element-spacing-snapping/277332/3 "2021-06-29T11:24:01Z")

</div>

Thank you Felix !  
For all others that just starting like me, have a look at HELP section in the canvas, and then choose section 'Keyboard shortcuts', you can find the shortcuts for the right moves.  
For me, the Shift + keyboard arrow, did the trick, it moves elements by 1 px. Before i was trying with just the arrow key which is actually move by 10 px.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 27, 2021, 11:24am UTC](https://discuss.elastic.co/t/canvas-element-spacing-snapping/277332/4 "2021-07-27T11:24:38Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.