How to remove wrapping from float?

Question

css

There is an image that needs to be pressed to the right edge:



As a result of adding the image, it wraps around: The sizes of images are not fixed and can be different. How to do it? float: right

Answer 1

float is no longer used, but if you really need it, then it used to be treated by adding pseudo-elements:
.float_class { &:before, &:after { content: ''; display:table; }} something like this, but now it's easier to do it with grids or display: flex