[thelist] right-align with right-edge padding

Chris at globet.com Chris at globet.com
Tue Mar 7 09:20:34 CST 2006


John

[..]

> Thanks Ben.  Agreed: it certainly _seems_ straighforward, but 
> I must be missing something... here's my CSS:
> 
> #BannerMain {
> 	background-color: #BD0000;
> 	color: White;
> 	width: 100%;
> 	text-align: right;
> 	font-weight: bold;
> 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
> 	vertical-align: middle;
> 	padding: 0px,30px,0px,0px;
> 	text-indent: 30px;
> }
> 
> ... and here's the callout in HTML:
> 
> <div id="BannerMain"><p>text here</p></div>
> 
> All is well except the right-edge spacing.  I added "padding" 
> and "text-indent" individually to see if either might work; 
> neither did.

The following works fine for me in IE6, Windows XP. Perhaps the issue
lies with some of the other CSS that you are implementing? Are you
setting any CSS attributes for the <p> tag?

<html>
  <head>
    <style type='text/css'>
      #BannerMain {
	  background-color: #BD0000;
	  color: White;
	  width: 100%;
	  text-align: right;
	  font-weight: bold;
	  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	  vertical-align: middle;
	  padding: 0px,30px,0px,0px;
	  text-indent: 30px;
      }
    </style>
  </head>
  <body>
    <div id="BannerMain"><p>text here</p></div>
  </body>
</html>

Chris Marsh
Web Developer
http://www.globet.com/
Tel: +44 20 8246 4804 Ext 828
Fax: +44 20 8246 4808

Any opinions expressed in this email are those of the individual and not
necessarily the Company. This message is intended for the use of the
individual or entity to which it is addressed and may contain
information that is confidential and privileged and exempt from
disclosure under applicable law. If the reader of this message is not
the intended recipient, you are hereby notified that any dissemination,
distribution, or copying of this communication is strictly prohibited.
If you have received this communication in error, please contact the
sender immediately and delete it from your system. 



More information about the thelist mailing list