How to create a box in CSS3

It frequently occurs an HTML element is created which needs to be converted to a box by means of CSS3. The design of a box is fairly simple and can be done by determining the width and the height of the element. If this doesn’t function immediately one could also add display: block; which will for sure create the box. Please find below an example:

<a href="#">Box Link</a>
a{
width: 100px;
height: 100px;
display: block;
}


Was this useful?