Css property has two values at once or what?!

I suppose I’m missing how chrome’s inspect tool is actually working. I’m looking at a <li> element and it shows it has float:left (text is not strike-through) , but computed area shows it has value none. How is this possible? The value none points to the line that sets float to left. Here is what i mean :
image

Check if the parent of the element you’re inspecting is set to display:flex. If it is that’s what you get in the inspect tool because even if you set the child element to float it will evaluate to none since you cannot float elements inside flex container

1 Like