Meta tags:
description=Utilities for controlling how an individual grid item is aligned along its inline axis.;

Headings (most frequently used words):

tailwind, css, resources, plus, community, justify, self, examples, getting, started, core, concepts, base, styles, layout, flexbox, grid, spacing, sizing, typography, backgrounds, borders, effects, filters, tables, transitions, animation, transforms, interactivity, svg, accessibility, auto, start, center, end, stretch, responsive, design, on, this, page,

Text of the page (most frequently used words):
#justify (56), self (47), div (30), the (27), grid (25), end (19), center (16), class (16), #stretch (14), safe (14), align (13), items (12), start (11), text (11), color (10), size (10), auto (9), mask (9), background (9), utility (8), item (8), inline (8), style (8), font (8), width (7), tailwind (6), scroll (6), border (6), flex (6), content (5), use (5), its (5), axis (5), behavior (5), transition (5), position (5), break (5), decoration (5), documentation (4), container (4), flexbox (4), transform (4), origin (4), mode (4), outline (4), height (4), max (4), min (4), community (3), kit (3), templates (3), plus (3), showcase (3), blog (3), playground (3), css (3), responsive (3), design (3), and (3), space (3), will (3), resize (3), utilities (3), styles (3), snap (3), type (3), scrollbar (3), sizing (3), rotate (3), spacing (3), shadow (3), image (3), box (3), overflow (3), wrap (3), line (3), list (3), block (3), place (3), columns (3), discord (2), github (2), hero (2), patterns (2), heroicons (2), headless (2), refactoring (2), resources (2), blocks (2), sponsor (2), examples (2), variants (2), with (2), variant (2), fill (2), when (2), there (2), not (2), enough (2), available (2), instead (2), see (2), alignment (2), along (2), property (2), stroke (2), padding (2), margin (2), perspective (2), visibility (2), animation (2), layout (2), sepia (2), saturate (2), opacity (2), invert (2), hue (2), grayscale (2), contrast (2), brightness (2), blur (2), filter (2), repeat (2), clip (2), blend (2), offset (2), rows (2), template (2), object (2), classes (2), trademark, policy, copyright, 2026, labs, inc, quick, reference, this, page, learn, more, about, using, prefix, breakpoint, like, only, apply, medium, screen, sizes, above, area, based, value, for, controlling, how, individual, aligned, forced, adjust, accessibility, svg, change, user, select, touch, action, stop, gutter, pointer, events, field, cursor, scheme, caret, appearance, accent, interactivity, zoom, translate, skew, scale, backface, transforms, delay, timing, function, duration, transitions, caption, side, table, collapse, tables, backdrop, drop, filters, composite, mix, effects, radius, borders, attachment, backgrounds, hyphens, word, white, vertical, tab, indent, underline, thickness, clamp, letter, feature, settings, numeric, weight, smoothing, family, typography, gap, flow, row, column, order, shrink, grow, direction, basis, index, top, right, bottom, left, overscroll, fit, isolation, clear, float, display, inside, before, after, aspect, ratio, preflight, base, functions, directives, detecting, source, files, adding, custom, colors, theme, variables, dark, hover, focus, other, states, styling, core, concepts, upgrade, guide, compatibility, editor, setup, installation, getting, started, new, course, components, partners, docs, ctrl,

Text of the page (random words):
justify self flexbox grid tailwind css v 4 3 k ctrl k docs blog showcase partners plus flexbox grid justify self documentation components templates ui kit playground course new community getting started installation editor setup compatibility upgrade guide core concepts styling with utility classes hover focus and other states responsive design dark mode theme variables colors adding custom styles detecting classes in source files functions and directives base styles preflight layout aspect ratio columns break after break before break inside box decoration break box sizing display float clear isolation object fit object position overflow overscroll behavior position top right bottom left visibility z index flexbox grid flex basis flex direction flex wrap flex flex grow flex shrink order grid template columns grid column grid template rows grid row grid auto flow grid auto columns grid auto rows gap justify content justify items justify self align content align items align self place content place items place self spacing padding margin sizing width min width max width height min height max height inline size min inline size max inline size block size min block size max block size typography font family font size font smoothing font style font weight font stretch font variant numeric font feature settings letter spacing line clamp line height list style image list style position list style type text align color text decoration line text decoration color text decoration style text decoration thickness text underline offset text transform text overflow text wrap text indent tab size vertical align white space word break overflow wrap hyphens content backgrounds background attachment background clip background color background image background origin background position background repeat background size borders border radius border width border color border style outline width outline color outline style outline offset effects box shadow text shadow opacity mix blend mode background blend mode mask clip mask composite mask image mask mode mask origin mask position mask repeat mask size mask type filters filter blur brightness contrast drop shadow grayscale hue rotate invert saturate sepia backdrop filter blur brightness contrast grayscale hue rotate invert opacity saturate sepia tables border collapse border spacing table layout caption side transitions animation transition property transition behavior transition duration transition timing function transition delay animation transforms backface visibility perspective perspective origin rotate scale skew transform transform origin transform style translate zoom interactivity accent color appearance caret color color scheme cursor field sizing pointer events resize scroll behavior scrollbar color scrollbar width scrollbar gutter scroll margin scroll padding scroll snap align scroll snap stop scroll snap type touch action user select will change svg fill stroke stroke width accessibility forced color adjust flexbox grid justify self utilities for controlling how an individual grid item is aligned along its inline axis class styles justify self auto justify self auto justify self start justify self start justify self center justify self center justify self center safe justify self safe center justify self end justify self end justify self end safe justify self safe end justify self stretch justify self stretch examples auto use the justify self auto utility to align an item based on the value of the grid s justify items property 01 02 03 04 05 06 div class grid justify items stretch div class justify self auto 02 div div start use the justify self start utility to align a grid item to the start of its inline axis 01 02 03 04 05 06 div class grid justify items stretch div class justify self start 02 div div center use the justify self center or justify self center safe utilities to align a grid item along the center of its inline axis resize the container to see the alignment behavior justify self center 01 02 03 justify self center safe 01 02 03 justify self center div class grid justify items stretch div class justify self center 02 div div justify self center safe div class grid justify items stretch div class justify self center safe 02 div div when there is not enough space available the justify self center safe utility will align the item to the start of the container instead of the end end use the justify self end or justify self end safe utilities to align a grid item to the end of its inline axis resize the container to see the alignment behavior justify self end 01 02 03 justify self end safe 01 02 03 justify self end div class grid justify items stretch div class justify self end 02 div div justify self end safe div class grid justify items stretch div class justify self end safe 02 div div when there is not enough space available the justify self end safe utility will align the item to the start of the container instead of the end stretch use the justify self stretch utility to stretch a grid item to fill the grid area on its inline axis 01 02 03 04 05 06 div class grid justify items start div class justify self stretch 02 div div responsive design prefix a justify self utility with a breakpoint variant like md to only apply the utility at medium screen sizes and above div class justify self start md justify self end div learn more about using variants in the variants documentation justify items align content on this page quick reference examples auto start center end stretch responsive design tailwind css documentation playground blog showcase sponsor resources refactoring ui headless ui heroicons hero patterns tailwind plus ui blocks templates ui kit community github discord x tailwind css documentation playground blog showcase sponsor tailwind plus ui blocks templates ui kit resources refactoring ui headless ui heroicons hero patterns community github discord x copyright 2026 tailwind labs inc trademark policy