Align content at start and end at the same time

PrimeFlex is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages
Post Reply
bobmactochas
Posts: 1
Joined: 28 Jul 2022, 02:24

28 Jul 2022, 02:30

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

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

12 Aug 2022, 20:16

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>

Post Reply

Return to “PrimeFlex”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest