Deita, вы спросили про практику. Фриланс это самая что ни на есть практика.
Если сложнее, то первое чему имеет смысл научиться (ну кроме гугла) это разбивать задачи на более мелкие и легкие.
Если навести мышку на ошибку, то редактор охотно расскажет в чем дело.
А дело в том, что свойству apperance уже довольно давно не нужны префиксы.
И ещё, хочу предложить вообще прочитать что написано в normalize и выкинуть оттуда то, что устарело уже очень давно. Файл станет заметно меньше.
1. Флексами (flex-direction или justify-content или margin-left: auto или....).
2. Абсолютами.
Первое лучше, чем второе, но нам не видно макета и что именно вы имеете в виду под зафиксировать.
А в вашем коде не видно даже намека на попытки про которые вы пишете, что они не получились.
MasterGod, если ещё немножко поформатировать и исправить грамматические ошибки и опечатки будет огонь.
А то сейчас, вы говорите, что второй способ это инлайн (лучше бы инлайн блоки). И прикрепляете ссылку, внезапно, на гриды.
Какое отношение имеют гриды к инлайнам не ясно.
Хорошо бы добавить, что и флоаты и инлайнблоки это устаревшие способы. А актуальные - флексы и гриды.
Но автор вопроса вообще не считает нужным участвовать в обсуждении и уточнять, что именно не выходит.
У блочного элемента вставь поведение строчного. У одного элемента ставишь float с одной стороны, у другого с противоположной.
Что?
Вы когда-нибудь пробовали флоатам задавать display inline? Или дочерним элементам флекса или грида?
Ну кроме того, что не стоит рекомендовать использовать флоат для того, для чего он не предназначен.
Писать про обтекание применительно к флексам и гридам тоже...
У новичков каша в голове сама образуется, не добавляйте им своей.
Флексы, гриды, инлайн-блоки и даже флоаты с таблицами...
В современном мире разумнее отдать предпочтение первым двум.
Что вы уже пробовали? Что не получилось?