CSS - Can you add space between images inside the same class? -

so without creating more classes in css, can have example 3 images in same class, , give them percentage of space in-between them?

or possible this, separating them using margin or padding?

many thanks.

html:

<!--this contain images --> <div class="image"></div> <div class="image"></div> <div class="image"></div> 

css:

body {   margin: 0px; }  .image {   display: inline-block;   background-color: blue;   height: 100px;   width: 200px;   margin-right: 10px; }  .image:nth-of-type(1) {   margin-left: 10px; }