HTML/CSS/CSS Attributes and Javascript Style Properties/padding left

Материал из Web эксперт
Перейти к: навигация, поиск

padding-left: 0px

 


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
ul {
  width: 33%;
  margin-left: 40px;
  padding-left: 0px;
}
</style>
</head>
<body>
<h3>Heading 2</h3>
<ul>
  <li>ONE</li>
  <li>TWO</li>
  <li>THREE</li>
  <li>FOUR</li>
  <li>FIVE</li>
</ul>
</body>
</html>



"padding-left" Example

    
<html>
<body>
<table>
    <tr>
        <td id="myTd">
            <img src="http://www.wbex.ru/style/logo.png" height="100" width="100" border="5">
        </td>
    </tr>
</table>
<button onclick="myTd.style.paddingLeft=0">Set padding to 0</button>
<button onclick="myTd.style.paddingLeft=20">Set padding to 20</button>
</body>
</html>