[Solved] Can’t set text margin to make it lower

by


I recommend you to look up a lot of web based tutorials before you go any further, as web based development is vast (esp for a complete beginner)

I’ve created a quick demo of margin and padding examples below, (I would post as a comment, although for demonstration purposes, this might be better)

enter image description here

html{background:gray;}
div {
  height: 20px;
  border: 1px solid black;
}
.right {
  margin-right: 100px;
}
.left {
  margin-left: 100px;
}
.top {
  margin-top: 100px;
}
.bottom {
  margin-bottom: 100px;
}
.left-padded{
padding-left:100px;
}
.right-padded{
padding-right:100px;
}
.top-padded{
padding-top:100px;
}
.bottom-padded{
padding-bottom:100px;
}
<div class="normal">I'm normal</div>
<div class="right">I'm margin-right</div>
<div class="left">I'm margin-left</div>
<div class="top">I'm margin-top</div>
<div class="bottom">I'm margin-bottom</div>
<div class="left-padded">I'm padded-left</div>
<div class="right-padded">I'm padded-right</div>
<div class="top-padded">I'm padded-top</div>
<div class="bottom-padded">I'm padded-bottom</div>

8

solved Can’t set text margin to make it lower