objektorientiert Vererben in CSS?

[Silo]

Ich habe folgende Zwei definitionen gemacht:

Code: Alles auswählen

div.smallpicleft {
   border:2px solid #000;
   display:table-cell;
   padding:5px 5px 5px 5px; /* top - right - bottom - left */
   margin:0px 5px 0px 0px; /* top - right - bottom - left */
   text-align:center;
/* + */   float:left;
}

div.smallpicright {
   border:2px solid #000;
   display:table-cell;
   padding:5px 5px 5px 5px; /* top - right - bottom - left */
   margin:0px 0px 0px 5px; /* top - right - bottom - left */
   text-align:center;
/* + */   float:right;
}


Die unterscheiden sich im wesentlichen nur in dem float.

Kann man das nicht irgentwie vereinfachen (im Sinne der objektorientieren Vererbung/Ableitung), sonst wird mir die CSS-Datei etwas groß und unübersichtlich?