Im moving images around and I couldn't for the life of my get them to display in line. Nevertheless, I gave each one a div class. How can I reduce the amount of CSS code? All I do is increase the width slightly.
Surely in CSS I can inherit one class and override it on another?
Surely in CSS I can inherit one class and override it on another?
Code
.foldericon {
z-index: 100;
font-family: courier, monospace;
font-size: .8em;
position: absolute;
left:27.5%;
top:70%;
display: inline-block;
}
.foldericon2 {
z-index: 100;
font-family: courier, monospace;
font-size: .8em;
position: absolute;
left:37.5%;
top:70%;
display: inline-block;
}
.foldericon3 {
z-index: 100;
font-family: courier, monospace;
font-size: .8em;
position: absolute;
left:47.5%;
top:70%;
display: inline-block;
}
.foldericon4 {
z-index: 100;
font-family: courier, monospace;
font-size: .8em;
position: absolute;
left:57.5%;
top:70%;
display: inline-block;
}
.foldericon5 {
z-index: 100;
font-family: courier, monospace;
font-size: .8em;
position: absolute;
left:67.5%;
top:70%;
display: inline-block;
}


![[Image: giminur.gif]](https://i.imgur.com/giminur.gif)
