Как выстроить в строчку элементы в html?

Нужно выстроить эти отзывы в строчку, именно таким способом с помощью написанного кода, без swiper и прочих приспособлений, т.к. задание дали с помощью аналогичного кода, но я не до конца понимаю, как его адаптировать под этот сайт и сделать кнопки по бокам. Вот код

 
 
      
Отзывы
 
            
 
                
 
                
 
                
 
                
 
                
 
            
 
            
 
                 
                 
            
 
        
 

также прикреплю стиль который дали для образца

 .carousel { 
  width: 100%; 
  position: relative; 
  overflow: hidden; 
  display: inline; 
} 
 
.slide { 
  width: 100%; 
  flex: 0 0 auto; 
  text-align: center; 
  padding: 20px; 
  color: white; 
} 
 
button { 
   
  top: 50%; 
  transform: translateY(-50%); 
  background-color: #f2f2f2; 
  border: none; 
  padding: 10px 20px; 
  cursor: pointer; 
} 
 
.prev { 
  left: 10px; 
} 
 
.next { 
  right: 10px; 
}