<HTML>
<HEAD>
<TITLE></TITLE>

<STYLE>
   BODY {font: 80% Verdana}
   BUTTON {width: 70px; background-color: yellow; margin-right: 3px}
</STYLE>

</HEAD>
<BODY>

<BUTTON onClick="Alinhar('left')">Esquerda</BUTTON>
<BUTTON onClick="Alinhar('right')">Direita</BUTTON>
<BUTTON onClick="Alinhar('center')">Centro</BUTTON>
<BUTTON onClick="Alinhar('justify')">Justificar</BUTTON>

<P ID="Texto">Observe este pargrafo. Veja como o alinhamento  alterado todas as
vezes que vocs clicar nos botes acima. Clique para ver. Esse script  mesmo muito legal, pois os usurios podem escolher o alinhamento do texto.</P>

<SCRIPT LANGUAGE="JavaScript">
<!--
   function Alinhar(Valor){
     var Elemento = document.getElementById("Texto");
     Elemento.style.textAlign = Valor;
   }
//-->
</SCRIPT>

</BODY>
</HTML>
