Display

/* NOW HEADING TAGS WILL BE DISPLAYED AS INLINE ELEMENTS */

h1{

    display:inline;

    /* HERE BOTH PROPERTIES HEIGHT AND WIDTH WON'T WORK AS H1 IS DISPLAYED AS AN INLINE ELEMENT */

    height: 100px;

    width: 100px;

    /* MARGIN WILL WORK BUT ONLY IN HORIZONTAL(left and right) BUT NOT IN VERTICAL */

    margin: 20px;

/* PADDING WORKS ON ALL SIDES BUT MAY OVERLAP UPON ELEMENTS */

    padding: 230px;

}

h2{

    display: inline;

}

span{

    display: block;

}

/* WHEN WE WANT TO CREATE A BLOCK ELEMENT BUT NEED TO BE DISPLAYED INLINE AND ALSO NEED TO FOLLOW CSS PROPERTIES THEN WE USE */

h2{

    display: inline-block;

    height: 120px;

    width: 180px;

    padding:134px;

    margin: 179px;

}

p{

    display: none;

}