Search
 
SCRIPT & CODE EXAMPLE
 

HTML

tailwind image text

<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>
Comment

PREVIOUS NEXT
Code Example
Html :: how to make a dark mode html 
Html :: auto year in html 
Html :: html checkbox default checked 
Html :: borderless bootstrap table 
Html :: how to embed an image in html 
Html :: How to write a empty character in HTML 
Html :: Disable auto submit when hitting enter key 
Html :: html print today date 
Html :: is input readonluy submit ? 
Html :: hide html element show on print bootstrap 4.6 
:: easyui datagrid tabs 
Html :: if else if vue 
Html :: bootstrap 3 button 
Html :: background music html autoplay hidden 
Html :: ionic deactivate fab button 
Html :: bootstrap 4 selectpicker 
Html :: nuxt select option v-for 
Html :: predefine data list in input tag 
Html :: random image 
Html :: html checkbox 
Html :: disabled any key in JS 
Html :: express send html file 
Html :: html shopping cart icon 
Html :: how to add a link to an image in html 
Html :: Html.ActionLink with parameters 
Html :: floating button html 
Html :: html times 
Html :: django template comments 
Html :: what is the html code of changing color 
Html :: html.textboxfor add default value 
ADD CONTENT
Topic
Content
Source link
Name
4+9 =