HTML/CSS/CSS Attributes and Javascript Style Properties/margin right

Материал из Web эксперт
Версия от 08:15, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

margin-right: 15%

 

<html>
<head>
<title>Percentages Demo</title>
<style type="text/css">
p {text-indent: -5%;
           margin-left: 25%;
           margin-right: 15%;
           font-size: 150%;
</style>
</head>
<body>
<p>This paragraph"s font and margins have been set with percentages.
The indent was set with a negative percentage.</p>
</body>
</html>



margin-right: auto

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html>
        <head>
            <title></title>
            <style type="text/css">
        p {
            padding: 2em;
            margin: 2em;
            border: thin solid black;
            width: 10em;
            margin-right: auto;
        }
            </style>
        </head>
        <body>
      <p>
          P<BR/>P<BR/>P<BR/>P<BR/>P<BR/>
          P<BR/>P<BR/>P<BR/>P<BR/>P<BR/>
          P<BR/>P<BR/>P<BR/>P<BR/>P<BR/>
          P<BR/>P<BR/>P<BR/>P<BR/>P<BR/>
      </p>
        </body>
    </html>



"margin-right" Example

    
<html>
<head>
</head>
<body>
<p>The following image has a right margin of 3mm.</p>
<img src="http://www.wbex.ru/style/logo.png" 
     height="50" 
     width="50" 
     style="margin-right="3mm"">
</body>
</html>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/margin_right&oldid=4727»