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

text width tailwindcss

Add Answer

Rustproof answered on December 6, 2020 Popularity 1/10 Helpfulness 1/10

answer text width tailwindcss

related tailwind width

related tailwind text size

related tailwind custom text size

related font-size tailwind

related tailwind width

text width tailwindcss

Comment

Class
Properties
tracking-tighter	letter-spacing: -0.05em;
tracking-tight	letter-spacing: -0.025em;
tracking-normal	letter-spacing: 0em;
tracking-wide	letter-spacing: 0.025em;
tracking-wider	letter-spacing: 0.05em;
tracking-widest	letter-spacing: 0.1em;

Popularity 1/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css tailwind-css text-width

Link to this answer
Share Copy Link

Contributed on Dec 06 2020

Rustproof

0 Answers Avg Quality 2/10

Closely Related Answers

tailwind width

Comment

class	rem-width			/*pixel width*/

w-0		width: 0px;
w-px	width: 1px;
w-0.5	width: 0.125rem; 	/* 2px */
w-1		width: 0.25rem; 	/* 4px */
w-1.5	width: 0.375rem;    /* 6px */
w-2		width: 0.5rem;  	/* 8px */
w-2.5	width: 0.625rem; 	/* 10px */
w-3		width: 0.75rem; 	/* 12px */
w-3.5	width: 0.875rem;    /* 14px */
w-4		width: 1rem; 		/* 16px */
w-5		width: 1.25rem; 	/* 20px */
w-6		width: 1.5rem; 		/* 24px */
w-7		width: 1.75rem;	    /* 28px */
w-8		width: 2rem; 		/* 32px */
w-9		width: 2.25rem;	    /* 36px */
w-10	width: 2.5rem;  	/* 40px */
w-11	width: 2.75rem;  	/* 44px */
w-12	width: 3rem;  		/* 48px */
w-14	width: 3.5rem; 	    /* 56px */
w-16	width: 4rem; 		/* 64px */
w-20	width: 5rem; 		/* 80px */
w-24	width: 6rem; 		/* 96px */
w-28	width: 7rem; 		/* 112px */
w-32	width: 8rem; 		/* 128px */
w-36	width: 9rem; 		/* 144px */
w-40	width: 10rem; 		/* 160px */
w-44	width: 11rem;	    /* 176px */
w-48	width: 12rem; 		/* 192px */
w-52	width: 13rem; 		/* 208px */
w-56	width: 14rem;	    /* 224px */
w-60	width: 15rem; 		/* 240px */
w-64	width: 16rem; 		/* 256px */
w-72	width: 18rem;	    /* 288px */
w-80	width: 20rem;	    /* 320px */
w-96	width: 24rem;	    /* 384px */
w-auto	width: auto;
w-1/2	width: 50%;
w-1/3	width: 33.333333%;
w-2/3	width: 66.666667%;
w-1/4	width: 25%;
w-2/4	width: 50%;
w-3/4	width: 75%;
w-1/5	width: 20%;
w-2/5	width: 40%;
w-3/5	width: 60%;
w-4/5	width: 80%;
w-1/6	width: 16.666667%;
w-2/6	width: 33.333333%;
w-3/6	width: 50%;
w-4/6	width: 66.666667%;
w-5/6	width: 83.333333%;
w-1/12	width: 8.333333%;
w-2/12	width: 16.666667%;
w-3/12	width: 25%;
w-4/12	width: 33.333333%;
w-5/12	width: 41.666667%;
w-6/12	width: 50%;
w-7/12	width: 58.333333%;
w-8/12	width: 66.666667%;
w-9/12	width: 75%;
w-10/12	width: 83.333333%;
w-11/12	width: 91.666667%;
w-full	width: 100%;
w-screen	width: 100vw;
w-min	width: min-content;
w-max	width: max-content;
w-fit	width: fit-content;

Popularity 10/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Nov 30 2022

Karl-Markus Pihlakas

0 Answers Avg Quality 2/10

tailwind text size

Comment

<p class="text-xs ...">The quick brown fox ...</p>
<p class="text-sm ...">The quick brown fox ...</p>
<p class="text-base ...">The quick brown fox ...</p>
<p class="text-lg ...">The quick brown fox ...</p>
<p class="text-xl ...">The quick brown fox ...</p>
<p class="text-2xl ...">The quick brown fox ...</p>
<p class="text-3xl ...">The quick brown fox ...</p>
<p class="text-4xl ...">The quick brown fox ...</p>
<p class="text-5xl ...">The quick brown fox ...</p>
<p class="text-6xl ...">The quick brown fox ...</p>
<p class="text-7xl ...">The quick brown fox ...</p>
<p class="text-8xl ...">The quick brown fox ...</p>
<p class="text-9xl ...">The quick brown fox ...</p>

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: tailwindcss.com

Tags: text-size text

Link to this answer
Share Copy Link

Contributed on Dec 18 2020

Beautiful Bear

0 Answers Avg Quality 2/10

tailwind custom text size

Comment

<div class="text-[14px]">Hello</div>

Popularity 10/10 Helpfulness 3/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Sep 24 2022

Monzim

0 Answers Avg Quality 2/10

font-size tailwind

Comment

text-xs	
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Jan 23 2024

jegs

0 Answers Avg Quality 2/10

tailwind width

Comment

<div class="w-4"></div> // w-4 = 1rem, w-8 = 2rem
<div class="w-1/2"></div> // w-1/2 = 50% , w-1/3 = 33.333% , w-1/4 = 25%

Popularity 10/10 Helpfulness 2/10 Language html

Source: tailwindcss.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Aug 28 2022

Muneeba Dilawaze

0 Answers Avg Quality 2/10

text width tailwindcss

Contents

More Related Answers

text width tailwindcss

Closely Related Answers

tailwind width

tailwind text size

tailwind custom text size

font-size tailwind

tailwind width

Grepper

Documentation

Social

Legal

Contact

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