Salve a tutti,
premetto di essere alle prime armi con css e impaginazioni tableless.
La mia situazione è la seguente:

1 div padre (parent)
2 div contenuti in parent (child1, child2)
2 div contenuti in child1 (nephew1, nephew2)

Il mio obiettivo è:
1. Collocare orizzontalmente nephew1 e nephew2
2. Collocare verticalmente child1, child2
Per far ciò preferirei non ricorrere a posizionamenti manuali,
ma utilizzare ad esempio la proprietà 'clear'.

Sapreste darmi qualche indicazione ?
Riporto l'html che non riesco ad impaginare:

codice:
<html>
<head>
</head>
<style type="text/css">
    #parent {background-color: Red; }
    #child1 {background-color: Green; clear: right; }
    #child2 {background-color: Blue; }
    #nephew1 {background-color: Yellow; float: left; }
    #nephew2 {background-color: Magenta; float: left; clear: right; }
</style>
<body>
<div id="parent">
    Hi! I'm parent
    <div id="child1">
        Hi! I'm child1
        <div id="nephew1">
            Hi! I'm nephew1
        </div>
        <div id="nephew2">
            Hi! I'm nephew2
        </div>
    </div>
    <div id="child2">
        Hi! I'm child2
    </div>
</div>
</body>
</html>
Grazie a tutti per il supporto!