Div, Span and Paragraphs |
Paragraphs let you align (left, right or justify) and set style. There is a carriage return with paragraphs. <p align="right"> This paragraph is aligned to the right. </p> |
This is a test |
We can justify text with align and set width with style <p align="justify" style = "width : 200pt" > WE hold these Truths to be self-evident, that all Men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the Pursuit of Happiness -- That to secure these Rights, Governments are instituted among Men, deriving their just Powers from the Consent of the Governed, that whenever any Form of Government becomes destructive of these Ends, it is the Right of the People to alter or to abolish it, and to institute new Government, laying its Foundation on such Principles, and organizing its Powers in such Form, as to them shall seem most likely to effect their Safety and Happiness. </p> |
WE hold these Truths to be self-evident, that all Men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the Pursuit of Happiness -- That to secure these Rights, Governments are instituted among Men, deriving their just Powers from the Consent of the Governed, that whenever any Form of Government becomes destructive of these Ends, it is the Right of the People to alter or to abolish it, and to institute new Government, laying its Foundation on such Principles, and organizing its Powers in such Form, as to them shall seem most likely to effect their Safety and Happiness. |
We can indent paragraphs using the Style text-indent command
<p style = "text-indent : 20pt; width : 200pt"> WE hold these Truths to be self-evident, that all Men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the Pursuit of Happiness </p> <p style = "text-indent : 20pt; width : 200pt"> That to secure these Rights, Governments are instituted among Men, deriving their just Powers from the Consent of the Governed, that whenever any Form of Government becomes destructive of these Ends, it is the Right of the People to alter or to abolish it, and to institute new Government, laying its Foundation on such Principles, and organizing its Powers in such Form, as to them shall seem most likely to effect their Safety and Happiness. </p> |
WE hold these Truths to be self-evident, that all Men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the Pursuit of Happiness That to secure these Rights, Governments are instituted among Men, deriving their just Powers from the Consent of the Governed, that whenever any Form of Government becomes destructive of these Ends, it is the Right of the People to alter or to abolish it, and to institute new Government, laying its Foundation on such Principles, and organizing its Powers in such Form, as to them shall seem most likely to effect their Safety and Happiness. |
Div let you align (left, right or justify) and set style for a section of code. There is a carriage return with div. You can have paragraphs in div (sets style for all paragraphs) <div align="right"> This info is aligned to the right. </div> |
This info is aligned to the right
|
You can have paragraphs inside Div (sets style for all paragraphs)
<div style = "text-indent : 15pt"> <p> This info is indented in this paragraph because of the div style. </p> <p> This paragraph should also be indented. </p> </div> |
This info is indented in this paragraph because of the div style. This paragraph should also be indented because of the div style set above. |
Span lets you set style for a section. There is no carriage return. <p> This <span style ="font-size = 25pt"> info is big </span> because of the span style. |
This info is big because of the span style. |
Span lets you set style for a section. There is no carriage return. <span style ="background-color : white; width : 300pt; padding : 20pt;border-style : inset; border-color : red; line-height :20pt"> This is a test to see if the style works being set for a div, paragraph or a span. Note the padding and line-height commands. </span> |
This is a test to see if the style works being set for a div, paragraph or a span. Note the padding and line-height commands. |