freeCodeCamp's Create Visual Balance Using The Text-align Property, Applied Visual Design

Channel:
United States We Will Code
Subscribers:
8,020
Published on ● Video Link: https://www.youtube.com/watch?v=K-10DeF761s


Duration: 2:31
162 views
2

In this first lesson from the Applied Visual Design section of freeCodeCamp we look at how to align our text within an HTML document. We learn that there are different text-align properties which we can use. The first we learn about is the justify property. I did not understand this property until recently. When we give an element the text align property of justify, we make sure the text will span the full width of its line box (execpt the last line). The other properties include text-align left, right, and center. These will align our text element left, right, or center.



Other Videos By We Will Code


2018-09-07freeCodeCamp's Applied Visual Design, Add a box-shadow to a Card-like Element
2018-09-07freeCodeCamp's Applied Visual Design, Adjust the Size of a Header Versus a Paragraph Tag
2018-09-06freeCodeCamp's Applied Visual Design, Adjust the background-color Property of Text
2018-09-06freeCodeCamp's Applied Visual Design, Create a Horizontal Line Using the hr Element
2018-09-05freeCodeCamp's Applied Visual Design, Use the s Tag to Strikethrough Text
2018-09-04freeCodeCamp's Use the em Tag to Italicize Text
2018-09-04freeCodeCamp's Use the u Tag to Underline Text
2018-09-01freeCodeCamp's Applied Visual Design, Use the Strong Tag to Make Text Bold
2018-09-01freeCodeCamp's Adjust the Height of an Element Using the Height Property
2018-08-31freeCodeCamp's Adjust the Width of an Element Using the Width Property
2018-08-31freeCodeCamp's Create Visual Balance Using The Text-align Property, Applied Visual Design
2018-08-30freeCodeCamp's Intro to the Applied Visual Design Challenges
2018-08-21freeCodeCamp Basic CSS, Use Hex and RGB to Mix Colors, CSS Variables, & Style Fallbacks 6
2018-08-14freeCodeCamp Basic CSS,Clockwise Notation for Padding & Margin, CSS Precedence Specificity 5
2018-08-07freeCodeCamp Basic CSS, Size Images, Setting Id's, Margins, Paddings, & Borders 4
2018-08-02freeCodeCamp Basic CSS, Change Element Colors,Class Selector, Font Degradation 3
2018-07-20freeCodeCamp Basic HTML5 Nest an Anchor - Head and Body of HTML Doc 2
2018-07-18freeCodeCamp Basic HTML Tutorial Say Hello - Link to Internal Sections w Anchor Elements 1
2018-07-12Question App in Nodejs, Pug,Redirects and Cookie Practice
2018-07-09Question App in Nodejs, Pug,cookie-parser, setting cookies 5
2018-06-29Question App in Nodejs, Pug, Body-Parser Parsing Form Data 4


Tags:
freeCodeCamp
learn coding
learn to code
CSS
style precedence
applied visual design
text-align