Page 89 - TP_Play_V2.1_class7
P. 89
MARGIN PROPERTIES
Margin is the space that appears around an element. The margin property is used to set margins
for any web page element. There are properties for setting margins of each side of an element.
They are - margin-top, margin-bottom, margin-left, margin-right. The value of margins can be
measured in pixels (for example, 20px, 30px, etc.) or as a percentage of the window.
Create HTML5 web page by using margin properties.
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE>Changing Margin</TITLE>
<STYLE>H1{font-family:Comic Sans MS; text-align:center;
text-Decoration:underline;color:green}
P{Margin-left:40px}
</STYLE> </HEAD>
<BODY><H1>Energy</H1>
<P style="font-family:Times New Roman; text-transform:uppercase">Energy
is the capacity for doing work. It may exist in potential, kinetic,thermal,
electrical,chemical,nuclear,or other various forms.</P>
<P style="font-family:Times New Roman; text-transform:lowercase">Energy
is a requirement in our everyday life as a way of improving human
development leading to economic growth and productivity.</P>
</BODY>
</HTML>
If HTML is a canvas and you are an artist, how would you design web pages and layout
to to express your creativity and style?
More on HTML5 87

