Problema Display Inline

[maurissimo22]

Ciao a Tutti,
sto sbattendo un po la testa su una cosa.
ho una lista, e ogni[*] viene mostrato a capo, ma anche se modifico e metto il display inline non cambia la cosa.
non capisco più dove sia quel qualcosa che mi impedisca di ottenere la linea di[*]

Questa è la struttura html:

<div id="pag-top" class="pagination">
<ul id="members-list" class="item-list" role="main">[*]
<div class="item-avatar">
<a href="http://hot-shoot.com/net/members/mavpoltro/">
</div>
<div class="item">
<div class="item-title">
<a href="http://hot-shoot.com/net/members/mavpoltro/">
<p align="center">Mauro Poltronieri</p>
</a>
</div>
<div class="item-meta"></div>
</div>
[*]
<div class="item-avatar">
<a href="http://hot-shoot.com/net/members/mavpoltro/">
</div>
<div class="item">
<div class="item-title">
<a href="http://hot-shoot.com/net/members/mavpoltro/">
<p align="center">Mauro Poltronieri</p>
</a>
</div>
<div class="item-meta"></div>
</div>
[*]
<div class="item-avatar">
<a href="http://hot-shoot.com/net/members/mavpoltro/">
</div>
<div class="item">
<div class="item-title">
<a href="http://hot-shoot.com/net/members/mavpoltro/">
<p align="center">Mauro Poltronieri</p>
</a>
</div>
<div class="item-meta"></div>
</div>
[/list]

e questo il css di riferimento

ul.item-list {
	width: 100%;
}
ul.item-list li {
/*	border-bottom: 1px solid #eaeaea;
	padding: 15px 0;                      */
	position: relative;
  width: 150px;
  display: inline;
}
ul.item-list.activity-list li {
	padding-bottom: 0;
}
ul.single-line li {
	border: none;
}
ul.item-list li img.avatar {
	float: left;
	margin: 0 0px 0 0;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
ul.item-list li img.avatar:hover {
	-webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
ul.item-list li div.item-title,
ul.item-list li h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	width: 150px;
  background: #000;
  color: #fff;
}
ul.item-list li div.item-title,
ul.item-list li a {
  color: #fff;
  text-decoration: none;
}

Qualcuno ha una soluzione da darmi?
grazie mille
M.

[scimmiaparlante]

prova con

float:left;

[maurissimo22]

Intendi dopo display inline aggiungere anche quello?

[scimmiaparlante]

intendo nel tuo stile mettere il float per gli[*]

[maurissimo22]

Si scusami non avevo capito hahaha
Mi hai risolto il problema.
Grazie mille...
M.

[homerbit]

oppure con

display:inline-block;

senza i float