如何在图像类的CSS中设置宽度和高度

Question

I am trying to set the width and height of my img picture in CSS but it doesn't work in my CSS. The only way that I could do this in my img tag in my other file. I have done the following but can't get it to work:

img.whiteboard1 {
    width: 10em;
    height: 10em;
}

Answer 1

Try removing the word img, as shown below.

.whiteboard1 {
width: 10em;
height: 10em;

}

Answer 2

you need to know that <img> is an inline element. Inline element can not use the height and width properties. If you really want to set the height and width to <img> , set the display: inline-block to the <img>

img.whiteboard1 {
    display: inline-block;
    width: 10em;
    height: 10em;
}