Does someone know how I can put a aligned from right in the same line as the a text block

[Issyeissue]

Does someone know how I can put the Size chart (modal block) aligned from right in the same line as the text: ''

Customers say fits true to size'' 

[arturogrimm]

There are a couple ways to do this:
1st - You will need to go into the Liquid code in order to move both elements into the same container. This container, let's call it "size-chart__container", will have a display: flex; CSS property, as well as justify-content: space-between; That should do it
2nd - You will need to group both elements in the same container, just like method 1. Then, add position:relative to the created container block ("size-chart__container"), and add "position: absolute; right: 0; bottom: 0;" for the size-chart link element

[arturogrimm]

 

[Issyeissue]

Thanks for the quick reaction! Can you share the code here so I can copy it tho? Would be awesome.

[arturogrimm]

<div class="size-chart__container">
  <div>Customers say fits true to size</div>
  <span class="size-chart__link">Size chart</span>
</div>

<style>
    /*Method 1*/
  .size-chart__container{
      display: flex;
      justify-content: space-between;
  }
  .size-chart__link{

  }

  /*Method 2*/
  .size-chart__container{
      position: relative;
  }
  .size-chart__link{
      position: absolute;
      right: 0;
      bottom: 0;
  }
</style>