3 types of CSS image placement?

Question

css

The site uses 3 different types of graphics placement:

• hspace="10" vspace="10" align="left"
  
• hspace="10" vspace="10" align="right"
  
• no positioning at all.
  

What is the most compact way to write generic CSS and call a specific type for a specific image on a page?

Answer 1

css

.image-margin {margin: 10px;}
.pull-right {float: right;}
.pull-left {float: left;}

html

<img src='путь/до/картинки' class="image-margin pull-right">
<img src='путь/до/картинки' class="image-margin pull-left">
<img src='путь/до/картинки' class="pull-left">
<img src='путь/до/картинки' class="pull-right">
<img src='путь/до/картинки' class="image-margin">

Answer 2

All of these attributes are deprecated.
floats will save you.
>> How to most compactly write a generic CSS
Selector by class.
>> calling a specific type for a specific image on the page
In what sense is the call? If you have the required css file connected and it contains properties for the required selectors, they will be applied.