Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Margin affects width">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div>
    <p class="margin">I am a paragraph</p>    
    <p class="padding">I am a paragraph</p>    
  </div>
  
</body>
</html>
 
div {
  border: solid 3px black;
  width: 80%;
}
p {
  border: solid 1px black;
}
.margin {
  margin-left: -10px;
}
.padding {
  padding-left: -10px;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dmitrizpro
0viewers