Padding and Margin Cheat Sheet

So yeah, I got tried of typing style=”padding:10px;” or style=”margin:10px;” and decided to create a stylesheet for it. But, no I didn’t manually type all that in.
I made an excel sheet, typed one row and copied it down. All the numbers incremented auto-magically.

paddingAndMargin.css
paddingAndmargin.xlsx

@charset "utf-8";
/* CSS Document */

.pad1{padding:1px;}
.pad2{padding:2px;}
.pad3{padding:3px;}
.pad4{padding:4px;}
.pad5{padding:5px;}
.pad6{padding:6px;}
.pad7{padding:7px;}
.pad8{padding:8px;}
.pad9{padding:9px;}
.pad10{padding:10px;}
.pad11{padding:11px;}
.pad12{padding:12px;}
.pad13{padding:13px;}
.pad14{padding:14px;}
.pad15{padding:15px;}
.pad16{padding:16px;}
.pad17{padding:17px;}
.pad18{padding:18px;}
.pad19{padding:19px;}
.pad20{padding:20px;}
.pad21{padding:21px;}
.pad22{padding:22px;}
.pad23{padding:23px;}
.pad24{padding:24px;}
.pad25{padding:25px;}
.mar1{margin:1px;}
.mar2{margin:2px;}
.mar3{margin:3px;}
.mar4{margin:4px;}
.mar5{margin:5px;}
.mar6{margin:6px;}
.mar7{margin:7px;}
.mar8{margin:8px;}
.mar9{margin:9px;}
.mar10{margin:10px;}
.mar11{margin:11px;}
.mar12{margin:12px;}
.mar13{margin:13px;}
.mar14{margin:14px;}
.mar15{margin:15px;}
.mar16{margin:16px;}
.mar17{margin:17px;}
.mar18{margin:18px;}
.mar19{margin:19px;}
.mar20{margin:20px;}
.mar21{margin:21px;}
.mar22{margin:22px;}
.mar23{margin:23px;}
.mar24{margin:24px;}
.mar25{margin:25px;}

Categorised in: CSS

This post was written by admin