Breaking News: Grepper is joining You.com. Read the official announcement!

tailwind image text

Wide-eyed Wallaby answered on July 13, 2022 Popularity 10/10 Helpfulness 8/10

answer tailwind image text

tailwind image text

Comment

<div class="relative">
        <img src="https://www.kindacode.com/wp-content/uploads/2022/06/night-sky.jpeg" />
        <h1 class="absolute text-5xl text-white top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
            KindaCode.com</h1>
        <h2 class="absolute text-3xl text-amber-400 bottom-4 left-1/2 -translate-x-1/2">Bottom Center</h2>
        <h3 class="absolute text-2xl text-blue-300 top-5 left-5">Top Left</h3>
        <h3 class="absolute text-2xl text-green-300 bottom-5 right-5">Bottom Right</h3>
  </div>

Popularity 10/10 Helpfulness 8/10 Language html

Source: Grepper

Tags: html image-text

Link to this answer
Share Copy Link

Contributed on Jul 13 2022

Wide-eyed Wallaby

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

tailwind image text

Contents

More Related Answers

tailwind image text

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.