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.