Buttons / Links Sample in HTML-CSS

A simple button set with cursor, padding, color properties etc, that aligned to the left.

You can trigger the project via this: https://code.sololearn.com/WY9R5OLlJAO0/#css

HTML

   <div>

       <div class="cstDiv">Link I</div>

       <div class="cstDiv">Link II</div>

       <div class="cstDiv">Link III</div>

       <div class="cstDiv">Link IV</div>

   </div>

CSS

.cstDiv{

    padding:10px;  /* text-align:center may be used for a better look */

    width:55px;

}

div.cstDiv:hover{

    background-color:gray;   

    color:white;

    cursor:pointer;  /* you may delete this if you want */

}

-----------------------

-----------------------

Same button set aligned to the center of the top-page.

HTML

   <div>

       <div class="cstDiv">Link I</div>

       <div class="cstDiv">Link II</div>

       <div class="cstDiv">Link III</div>

       <div class="cstDiv">Link IV</div>

   </div>

CSS

.cstDiv{

    text-align:center;

    padding:10px;

}

div.cstDiv:hover{

    background-color:gray;   

    color:white;

   

    cursor:pointer;

}