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: 
`display:inline` means a element may be placed next to other items.

This is different from `block` level elements (`display:block`) which take up horizontal space, imply a line break, and will not sit next to one another, like divs, paragraphs, or tables.

[float:left; vs display:inline; vs display:inline-block; vs display:table-cell;](https://stackoverflow.com/questions/11805352/floatleft-vs-displayinline-vs-displayinline-block-vs-displaytable-cell)
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.