[Vuejs]-Tailwind, Vue problem with non-English characters when using tags right after eachother

by

0👍

✅

The solution is to use   because every character in between tags, will prevent the issue from happening.

    <span>قوانین و شرایط استفاده</span>
    &nbsp;
    <span>حریم شخصی</span>

result:

enter image description here

0👍

Is this the way you want?

Using flex

<script src="https://cdn.tailwindcss.com"></script>
<div class="p-4 w-64 flex justify-between">
  <span><a href="#">
    قوانین و شرایط استفاده
    </a></span>
    <span><a href="#">حریم شخصی</a>
    </span>
</div>

Using margin

<script src="https://cdn.tailwindcss.com"></script>
<div class="p-4">
  <span><a href="#" class="ml-5">
    قوانین و شرایط استفاده
    </a></span>
    <span><a href="#">حریم شخصی</a>
    </span>
</div>

Leave a comment