Aliens School
Cinematic Knowledge Experience
0%
Aliens School
Now Playing
Aliens School ยท HIEN
โŒจ๏ธ Keyboard Shortcuts
โ†’Next slide โ†Previous slide SpacePlay / Pause MNarration on/off FFullscreen ?Show/hide this
Press any key to close
Skill Topic ยท Cinematic

๐Ÿ“ CSS Text Alignment & Direction โ€” Parade Ground Formation System ๐ŸŽ–๏ธ๐Ÿช–

Socho army parade ground hai. Soldiers (text) ko Commander (CSS) bol raha hai โ€” "Left align!",โ€ฆ

Overview
๐ŸŒŸ

๐Ÿ“ CSS Text Alignment & Direction โ€” Parade Ground Formation System ๐ŸŽ–๏ธ๐Ÿช– โ€” Quick Facts

๐Ÿ“Œ

Value: Direction

๐ŸŽฏ

`left`: Default LTR

โšก

`center`: Center

๐Ÿ”‘

`right`: Right

Topic 1
๐Ÿ“ฅ ๐Ÿ“ฅ ๐Ÿง  ๐Ÿ”ฌ ๐Ÿ’ก ๐ŸŽฏ

๐ŸŽฏ Analogy: Parade Ground Formation

๐Ÿ“š ` ๐ŸŽ–๏ธ PARADE GROUND FORMATION SYSTEM:โ€ฆ
Topic 2
โœจ

๐Ÿ“Œ 1. text-align Property โ€” Soldiers Ka Direction

๐Ÿ’ก `css / ๐Ÿช– Basic formations / .left { text-align: left; } / Default (LTR) โ€” soldiers leftโ€ฆ
Topic 3
๐Ÿ”’

๐Ÿ“Œ 2. text-align: justify โ€” Perfect Formation

๐ŸŽฏ `css / ๐Ÿช– Justify = soldiers ko dono sides se equal spacing me khada karo / .justify-textโ€ฆ
Topic 4
โญ

๐Ÿ“Œ 3. text-align-last โ€” Last Row Ka Formation

โญ `css / ๐Ÿช– Puri parade justify hai but last row ka special formation / .article {โ€ฆ
Topic 5
๐Ÿ“ฅ ๐Ÿ“ฅ ๐Ÿง  ๐Ÿ”ฌ ๐Ÿ’ก ๐ŸŽฏ

๐Ÿ“Œ 4. vertical-align โ€” Vertical Position (Inline Only!)

๐Ÿ”‘ `css / โš ๏ธ IMPORTANT: vertical-align sirf INLINE/TABLE-CELL pe kaam karta! / / Blockโ€ฆ
Topic 6
โœจ ๐Ÿ“Š ๐Ÿ”ฌ

๐Ÿ“Œ 5. direction + unicode-bidi โ€” Parade Direction

โœจ `css / ๐Ÿช– Parade kis taraf se start hogi? / .ltr { direction: ltr; } / Left โ†’ Rightโ€ฆ
Topic 7
๐Ÿ”’

๐Ÿ“Œ 6. writing-mode โ€” Vertical Soldiers

๐ŸŒŸ `css / ๐Ÿช– Soldiers ka direction: horizontal ya vertical / .horizontal { writing-mode:โ€ฆ
Topic 8
๐Ÿš€

โŒ Common Mistakes โ€” Formation Errors

๐Ÿš€ | # | โŒ Galat | โœ… Sahi | ๐ŸŽ–๏ธ Analogy | |---|---------|--------|-----------| | 1 |โ€ฆ
Topic 9
โœจ

๐Ÿ‹๏ธ Practice Exercises

๐Ÿ’ก

4 boxes banao: left, center,โ€ฆ

๐Ÿ”‘

Har box me 3-4 lines ka paragraph

โšก

Labels lagao dikhane ke liye konsaโ€ฆ

๐ŸŽฏ

Observe: justify me last line kaโ€ฆ

Topic 10
๐Ÿ’ก

๐Ÿ“‹ Summary Table

๐Ÿ’ก | Concept | Key Point | Parade Analogy | |---------|-----------|---------------| |โ€ฆ
Topic 11
โœจ

๐ŸŽฏ Pro Complete HTML Example โ€” Parade Ground Formation System

๐ŸŽฏ `html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <metaโ€ฆ
Topic 12
โญ

๐Ÿ”— Navigation

โญ โฌ…๏ธ Previous: CSS Outline Offset | โžก๏ธ Next: CSS Text Decoration
Diagram
๐Ÿ“ฅ โš™๏ธ ๐Ÿ”ฌ ๐Ÿ’ก

Visual Flow

๐Ÿ“Š Diagram visualization โ€” details in narration
Quick Quiz
๐Ÿง  QUIZ TIME

Quiz โ€” Question 1

๐Ÿ“ CSS Text Alignment & Direction โ€” Parade Ground Formation System ๐ŸŽ–๏ธ๐Ÿช– ka sabse sahi definition kya hai?

Quick Quiz
๐Ÿง  QUIZ TIME

Quiz โ€” Question 2

๐Ÿ“ CSS Text Alignment & Direction โ€” Parade Ground Formation System ๐ŸŽ–๏ธ๐Ÿช– ka 'left' kya hai?

Complete! ๐ŸŽ‰
COMPLETE

๐Ÿ“ CSS Text Alignment & Direction โ€” Parade Ground Formation System ๐ŸŽ–๏ธ๐Ÿช– Complete!

Aliens School ยท HIEN ยท Cinematic Knowledge

โœ…

๐Ÿ“ CSS Text Alignment & Direction โ€” Parade Ground Formation System ๐ŸŽ–๏ธ๐Ÿช– Complete

1/18
0:00
REC 00:00ESC=Cancel
Aliens School
3
Recording shuru hone wali hai...
โœ…
Recording Complete
Video process ho rahi hai...
Live Class
Slide 1 / 7
Timer
00:00
๐Ÿ“ Speaker Notes
โ€”
โญ๏ธ Up Next
โ€”
โ€”
๐Ÿ—‚๏ธ All Slides