Optimised/Generalised CSS required for easy HTML Development

To use 5px margin on each side of an html element put the class as margin-5

To use 5px margin on top side of an html element put the class as margin-top-5

To use 5px margin on right side of an html element put the class as margin-right-5

To use 5px margin on bottom side of an html element put the class as margin-bottom-5

To use 5px margin on left side of an html element put the class as margin-left-5

To add more margin on elements just use multiply of 5, Suppose you have to use margin 10px on each side of html element then use it as

To use 5px padding on each side of an html element put the class as padding-5

To use 5px padding on top side of an html element put the class as padding-top-5

To use 5px padding on right side of an html element put the class as padding-right-5

To use 5px padding on bottom side of an html element put the class as padding-bottom-5

To use 5px padding on left side of an html element put the class as padding-left-5

To add more padding on elements just use multiply of 5, Suppose you have to use padding 10px on each side of html element then use it as