style3.css

p.head{
    padding: 10px 10px 10px 10px;
    border-bottom: 3px solid grey;
    background-color: bisque;
    margin: -10px;
}

p.indent{
    text-indent: 50px;
}

p.space{
    letter-spacing: 1px;
}

p.Lheight{
    line-height: 2;
}

p.dir{
    direction: ltr;
}

p.disp{
    display: block;
    border: 3px solid red;
}

.link1:hover{
    text-decoration: overline;
    color: green;
}

.link2:visited{
    text-decoration: line-through;
}

.link3:active{
    text-decoration: dashed;
}

p.wspace{
    word-spacing:50px;
}

.serif{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.fh{
    font-size: 15px;
}

.fw{
    font-weight:900 ;
}

.table-content{
    border:10px solid red;
    border-collapse: collapse;
}

table td:hover{
    background-color: aqua;
}


.disp-block{
    border: 1px solid red;
    display: block;
}

.disp-inline{
    border: 1px solid red;
    display: inline;
}

.disp-block2{
    border: 1px solid red;
    display: inline-block;
}

.disp-none{
    border: 1px solid red;
    display: none;
}

p.samp{
    display: inline-block;
    border: 1px solid blue;
    height:150px;
    width:150px;
}

.pos{
    display: inline-block;
    border: 1px solid red;
    width: 50px;
    height: 50px;
    position: relative;
    top: 100px;
    left:100px
}


.rel {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 400px;
    border: 1px solid red;
    background-color: #fff;
    z-index: 0;
  }
  
  .abs {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid blue;
    background-color: yellow;
  }
  
  .abs1 {
    z-index: -1;
  }
  
  .abs2 {
    background-color: red;
    color: #fff;
    border-color: red;
    top: 25px;
    left: 25px;
    z-index: -1;
  }

.lorem2{
    display: inline-block;
    height: 100px;
    width: auto;
    overflow-x: auto;
    overflow-y: auto ;
    border: 1px solid green;
}