Centering items in a row, when you don’t know how many items [closed]

Try this instead:

.container-hotel {
  width:78%;
  margin: 0 auto;
  text-align:center;
  @media (max-width: 480px) {
      width: 100%;
  }
}
.item-hotel {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width:230px;
  margin-left: 40px;
  @media (max-width: 480px) {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
  }
}