Какие знаешь способы сдвинуть блок внутри другого блока вправо

Есть несколько способов сдвинуть блок внутри родительского блока вправо:

1. margin-left: auto

.child {
  margin-left: auto;
}

2. Flexbox

.parent {
  display: flex;
}
.child {
  margin-left: auto;
}

3. Grid

.parent {
  display: grid;
  grid-template-columns: 1fr auto;
}

4. Absolute positioning

.parent {
  position: relative;
}
.child {
  position: absolute;
  right: 0;
}

5. Float (устаревший способ)

.child {
  float: right;
}

Лучшие современные варианты - flexbox и grid. Margin-left: auto также работает, но менее гибкий. Absolute positioning вырывает элемент из потока.