простое позиционирование элемента CSS

Question

Моя страница может быть найдена здесь .

Под изображением товара находится черная видео коробка.Я хочу, чтобы он плавал влево, чтобы маленькие картинки продукта были вписаны в коробку с видео.Не в состоянии сделать это.Я прошел через CSS, чтобы увидеть, не было ли в этом странного позиционирования, но я ничего не смог найти.

Если я переместлю видеобокс НАД кнопкой Facebook и заставлю его плавать, все будет работать как положено - кнопка Facebook перемещается вверх.

Answer 1

Добавьте float: left; к классу view-content.

.view-content {
  float: left;
}

Answer 2

Вы должны установить оба контейнера элементов (div) для «display: inline-block», и установить ширину для видео div, например, «width: 70px».Посмотрите на скриншот для получения дополнительной информации: изображение здесь

Поля и отступы помогут вам правильно расположить видеоцентр по вертикали в строке, но ваша основная проблема решена с помощью этих CSSправила

Надеюсь, это поможет!: -)