On 12/20/2010 9:24 AM, mcnewsxp wrote:
> i have this html:
> <div style="width:90%; background-color:#eeeeee;">
> <form action="adminduporerr.asp" method="post" id="Form2"
> name="form3">
> <strong>A. Reports Needing Follow-up:</strong>
> <input type="submit" value="Duplicate Reports" name="Duplicate
> Reports" id="Submit1">
> </form>
> <form action="adminincorrectrec.asp" method ="post" id="Form5"
> name="form3">
> <input type="submit" value="Reporting Errors" name="Incorect
> Reports" id="Submit2">
> </form>
> </div>
>
> i would like the text aligned left, button 1 in the middle and button
> 2 aligned right (but not hard right). how can i position these items
> without using a table?
>
> A. Reports Needing Follow-up | Button1
> | Button2 |<- page edge
>
> tia,
> mcnewsxp
<!DOCTYPE html>
<html>
<head>
<title>Position Form elements in html5</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<style type="text/css">
..RNF {float:left;}
#Submit1 {display:block;margin-left:auto;margin-right:auto;}
#Submit2 {display:inline-block;margin-left:5%;}
</style>
</head>
<body>
<div style="width:90%; background-color:#eeeeee;">
<form action="adminduporerr.asp" method="post" id="Form2" name="form3">
<div class="RNF">
<strong>A. Reports Needing Follow-up:</strong>
</div>
<input type="submit" value="Duplicate Reports" name="Duplicate
Reports" id="Submit1">
</form>
<form action="adminincorrectrec.asp" method ="post" id="Form5"
name="form3">
<input type="submit" value="Reporting Errors" name="Incorect
Reports" id="Submit2">
</form>
</div>
</body>
</html>
Similar Threads
