ese menu que muestras es una lista desordenada con otra lista anidada...
Código HTML:
<ul>
<li><a href="#">Argentina
<ul>
<li><a href="#">Buenos A.</a><li>
<li><a href="#">Tucumán</a><li>
<li><a href="#">Rosario</a><li>
</ul>
</li>
<li><a href="#">Perú
<ul>
<li><a href="#">Lima</a><li>
<li><a href="#">Cusco</a><li>
</ul>
</li>
</ul> para controlar el espaciado, usa margin en tu CSS...
Código:
/* margen de la sub-lista */
ul li ul{margin-left:10px}