Tengo un problema. No puedo configurar un tamaño de imagen para una imagen en mi div. El div (.item) es en realidad parte de un control deslizante. ¿Hay alguna manera posible de arreglarlo? Tal vez sea un problema de un control deslizante en sí mismo que he tomado de Own Carousel. Intenté usar el relleno, pero no funcionará en mi situación debido al hecho de que tendré que agregar otro div de texto junto a la imagen que planeo colocar en la parte izquierda del div .item.

 <div class="slider-div"> <div class="owl-carousel owl-theme"> <div class="item it1"> <img class="img1" src="img/290576980_1645406479179093_188937483150472320_n.jpg" alt=""> </div> <div class="item it2"></div> <div class="item it3"></div> </div> </div> <div class="pic-div"></div> </div> .slider-div{ height: 100%; width: 70%; display: flex; justify-content: center; align-items: center; border-radius: 20px; } .owl-carousel{ width: 100%; display: flex; border-radius: 20px; } .item{ margin: 0 auto; background-color: #ffff; height: 350px; width: 90%; border-radius: 20px; display: flex; align-items: center; } .img1{ height: 200px; /* Can not set up the width */ width: 40%; }

Gracias de antemano =)