Page 1 of 1

Align content at start and end at the same time

Posted: 28 Jul 2022, 02:30
by bobmactochas
Hello everyone,

I'm using primeflex for the first time and i have some difficulty to align two contents at start and another at the end, in the same row.
Can anyone tell me at i doing wrong?

#Example

icon code button

#CODE
<div class="flex justify-content-between flex-wrap">
<i class="flex flex-row align-items-center justify-content-start pi pi-user"></i>
<span class="flex flex-row align-items-center justify-content-start m-2">code</span>
<button type="button" class="flex flex-row justify-content-end m-2">Save</button>
</div>
#CODE

Re: Align content at start and end at the same time

Posted: 12 Aug 2022, 20:16
by mert.sincan
Please try;

Code: Select all

<div class="flex flex-wrap">
      <i class="pi pi-user"></i>
      <span>code</span>
      <button type="button" class="ml-auto">Save</button>
</div>