Page 46 - modular_v2.0_HTML&_CSS_Fb
P. 46
THIS TEXT IS ALIGNED LEFT.</P>
<P STYLE="TEXT-ALIGN:JUSTIFY;">
THIS TEXT HAS JUSTIFIED ALIGNMENT.</P>
</BODY>
</HTML>
Setting text alignment
FLOAT PROPERTY
The FLOAT property is used for positioning and formatting content. It wraps the text around the
images. The float property can be set with values such as left, right, none, etc.
Syntax: FLOAT: VALUE;
Let us create a web page to wrap an image with text.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>CSS Float</TITLE>
<BODY>
<IMG SRC="indians.png" ALT="Our Country"
STYLE="FLOAT:RIGHT;WIDTH:170PX;HEIGHT:170PX;MARGIN-LEFT:15PX;">
<P>
India is one of the oldest civilisation in the world,
spanning a period of more than 4000 years, and witnessing
the fusion of several customs and tradition, which are
reflective of the rich culture and heritage of the Country.
The history of the nation gives a glimpse into the magnanimity
of its evolution-from a Country reeling under colonialism,
to one of the leading economies in the global scenario within
a span of fifty years. More than anything, the nationalistic
fervor of the people is the contributing force behind the
culmination of such a development. This transformation of the
nation instills a sense of national pride in the heart of every
Indian within the Country and aborad, and this section is a modest
attempt at keeping its flame alive. </P>
44
Touchpad MODULAR (Ver. 2.0)

