css diffrent images diffrent widths

Issue

I made a comment system and there are profile photos next to text but when someone comments profile pictures' widths are changing--something like this:

.container img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

<img  src='".$row2['photo']."' alt='pp' style='width:6%' style='height:auto' >

Solution

Because of the height:auto;, this is happening. Try setting a height of 6% also

<img  src='".$row2['photo']."' alt='pp' style='width:6%;height:6%' >

By the way you only need on style attribute to us inline-styling as I did in code.

Answered By - Imran Rafiq Rather