title: How to absolutely position the last item separately in Tailwind?
body: <p>I want to just set the left value of a absolutely positioned div different from other divs. I tried the last: property of tailwind, but its not working.</p>
  <p>Here's my code thet I tried</p>
  <pre><code>absolute z-10 -ml-4 transform px-2 w-screen max-w-md sm:px-0 lg:ml-0 -left-5 last:left-20&quot;
  </code></pre>
  <p>I added these classes and only want the last mapped div to have different position</p>
  <p>Sample code:</p>
  <pre><code>&lt;div class='relative w-full h-72'&gt;
  {items.map((each, i ) =&gt; {
      return (
      &lt;div key={i} class='absolute top-0 left-0 last:left-10'&gt;{each}&lt;/div
      )
  })}
  &lt;/div&gt;
  
  
  </code></pre>
  <p>and the last div that is mapped should have different left value</p>