Menampilkan dataxml beda child??

@Hifazz di buat grouping dengan menggunakan div kemudian bisa di edit dengan css seperti border, margin,dll sewaktu ditambah div seharusnya sudah terpisah tp untuk lbh yakin bisa pk css

<menu>
<div class="appetizer">
    <appetizer>
		<foto></foto>
		<nama>Kopi Toraja</nama>
		<harga></harga>
		<deskrip>Far far away, behind the word mountains.</deskrip>
	</appetizer>

	<appetizer>
		<foto></foto>
		<nama>Jus Campur</nama>
		<harga></harga>
		<deskrip>Far far away, behind the word mountains.</deskrip>
	</appetizer>

	<appetizer>
		<foto></foto>
		<nama>Es Kelapa Muda</nama>
		<harga></harga>
		<deskrip>Far far away, behind the word mountains.</deskrip>
	</appetizer>

	<appetizer>
		<foto></foto>
		<nama>Carlo Rosee Drinks</nama>
		<harga></harga>
		<deskrip>Far far away, behind the word mountains.</deskrip>
	</appetizer>
</div>
<div class="soup">
	<soup>
		<foto></foto>
		<nama>Kopi Toraja</nama>
		<harga></harga>
		<deskrip>Far far away, behind the word mountains.</deskrip>
	</soup>

	<soup>
		<foto></foto>
		<nama>Jus Campur</nama>
		<harga></harga>
		<deskrip>Far far away, behind the word mountains.</deskrip>
	</soup>

	<soup>
		<foto></foto>
		<nama>Es Kelapa Muda</nama>
		<harga></harga>
		<deskrip>Far far away, behind the word mountains.</deskrip>
	</soup>

	<soup>
		<foto></foto>
		<nama>Carlo Rosee Drinks</nama>
		<harga></harga>
		<deskrip>Far far away, behind the word mountains.</deskrip>
	</soup>
</div>
</menu>
<style>
.appetizer{
	margin-bottom:5px;
}
</style>