Question: I have a class defined like this:

```
<div class="float-left inline">

```

where:

```
.inline {
   display: inline;
}
.float-left {
   float: left;
}

```

Can someone tell me if I need to use both `float: left;` and `display: inline;`. I am bit confused as they both seem to do the same thing.

Answer: 
With `display` you are changing the display type of the element.

With `float` you are setting position for that element.

[**Here**](https://stackoverflow.com/a/8971358/1611349) is an answer with practical explanation why would you prefer `float` for positioning.
Not redundant. Actually, I meet a problem when I set a float: right with an element and it works on chrome not works in IE. Specifically, on IE, the content of element overflows the boundary of the container. So, I use display: inline and float:right together, it works very well on chrome and IE 11.