Есть ли альтернатива float?

Question

[Дмитрий]

Все привет.
Есть альтернатива float??
Хочу сделать обтекание картинки текстом, но судя по всему что-то пошло не так.
jsfiddle.net
не получается сделать отступ с верху для заголовка

SOME TITLE

.
Грешу на кривые руки и float.
Подскажите пожалуйста альтернативу или наставьте на путь истинный))

Answer 1

[impexler]

.brief-title {
color: #000;
font-size: 24px;
background: #eaeaea;
padding: 0 5px 0 5px;
border-radius: 15px;
display: inline-block;
}
.desription {
margin-top: 20px;
}

Answer 2

[Антон Спирин]

Вот упрощенный вариант решения без float https://jsfiddle.net/3b0gtfwg/
А отступ у вас не работает потому, что используете строчный span, float не причем.
Почитайте о разнице между строчными и блочными элементами.

Answer 3

[Максим]

а как должно быть ?

Answer 4

[Михаил Жигарев]

flex, css-grid

Answer 5

[Дмитрий]

все спасибо))))