html - Naming convention for margin top and bottom on images -


instead of adding inline styles margin top , bottom images, i'd come simple naming convention class.

not every image have margin top , bottom.

  • some images have 40px margin on top , bottom
  • other images have 30px margin on top , bottom

what's naming convention css these types of styles?

want avoid having put:

<p style="margin: 40px 0"> 

google started using "display density" in gmail in november 2011, named "comfortable," "cozy" , "compact."

you mimic naming convention establish class names based on how top , bottom space give images.

.comfortable { margin: 40px 0; } .cozy { margin: 30px 0; } .compact { margin: 10px 0; } /* or whatever want */ 

Comments

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -