Images not fitting Div

I am attempting to create an image container where different sized images (height and width) fit in a div so that they all look the same height and width - think slide show. What I have created so far, does shrink the images but does not alter them to fit. So, although the same width, they are not the same height. I have attached an image of how the images look.

This is the css:

.col {
  width: 80%;
  margin: auto;
.colcontainer {
  vertical-align: top;
  width: auto;
  height: auto;
.colcontainer img {
  width: 75%;
  height: 75%;
  object-fit: contain;

Change div position on youtube (screenshot included) (hard case)

Hi, could you please help me to move the div from one position to another? Screenshot:
I can move the whole #meta but I need to move only ytd-video-meta-block

DIV hover change sizing - showing text

Hey guys, I wanna ask you how to make some div with hover with one will change sizes and after that some text will show up becouse
text is too big for div in basic size.
Thanks for some help.

Divs don't expand to fit in rollover image hyperlinks

Hello everyone,

Hello everyone,

I am trying to make a navigation bar. I want the buttons to be image hyperlinks that change opacity on hover and click. This is how I am doing it:

	.jw-button a:link,
	.jw-button a:visited
		border: 2px dotted orange;	
		opacity: 0.6;
		overflow: hidden;
	.jw-button a:hover,
	.jw-button a:active
		border: 2px dotted yellow;	
		text-decoration: none; /* to remove the little line */
		opacity: 0.95;
		overflow: hidden;
	<div class="jw-button"> 

Div with "width: auto;" not auto-expanding & "display: inline;" not working on its own. Why is this happening?

Hi everyone,

Can anyone tell me why my div is not auto expanding to fit its contents, even though I set "width: auto;" ?
Also, why does my "display: inline;" not work?

You can see what I mean here:

Question 1: I set the div-with-thick-red-dashed-border to "width: auto;", but the inner divs are wrapping for some reason, and the div-with-thick-red-dashed-border is not expanding horizontally to contain more divs.

Syndicate content