modifica visualizzazione .

bunasera a tutti , ho un problema ( non ci capisco un acca di css sto cercando d'imparare anche questo ) ... sto modificando il caso di studio del libro appena finito ...
ho piccolo problema , una pagina del sito ( about.php ) e formata da un lungo listato tutti posti su una colonna e su una linea ( con il tag <li>) adesso io vorrei trasformarla in modo tale che visualizzi 2 o piu contatti su una riga ... cosa devo modificare e dove ??

questi sono i codici html ( che riguardano i tag )

<ul class="ulfancy">
	<li class="row0">
		<h2>Martha Smith</h2>
		<p>Position: none<br />
		Email: martha@example.com<br />
		Phone: <br /></p>
	</li>
	
	<li class="row1">
		<h2>George Smith</h2>
		<p>Position: <br />
		Email: george@example.com<br />
		Phone: 515-555-1236<br /></p>
	</li>

e css ( i colori sono differenti )

 */
ul.ulfancy {
	list-style: none;
	padding:0;
	margin-top: 20px;
}

ul.ulfancy div.list-photo {
	float: left;
	padding: 10px;
	margin-right: 10px;
	background-color: #fdf2f2;
}

ul.ulfancy li.row0 div.list-photo {
	background-color: #f2fdfd;
}

ul.ulfancy h2 {
	font-size: 1.2em;
}

ul.ulfancy li {
	margin: 0;
	list-style: none;
	background-color: #f2fdfd;
}

ul.ulfancy li.row0 {
	background-color: #fdf2f2;
}

grazie

Devi applicare al tag <li> il float, per sapere di più riguardo a questa proprietà, su google ci sono numerose guide.