This is more a question about HTML than SharePoint. Edit the source code of your Content Editor WebPart and put this :
<style>
.numbered-list {
counter-reset: item
}
.numbered-list-item {
display:block
}
.numbered-list-item:before {
content: counters(item, ".") ". ";
counter-increment: item
}
</style>
<ol class="numbered-list">
<li class="numbered-list-item">Planes</li>
<li class="numbered-list-item">Cars
<ol class="numbered-list">
<li class="numbered-list-item">Ferrari </li>
<li class="numbered-list-item">BMW </li>
</ol>
</li>
<li class="numbered-list-item">Trains</li>
</ol>
http://www.w3schools.com/cssref/pr_gen_counter-increment.asp
EDIT :
If you want to keep this user friendly, you can simply let the users create their Numbered list from the interface and target the css to the webpart only.
<style>
#WebPartWPQ2 ol{
counter-reset: item
}
#WebPartWPQ2 li{
display:block
}
#WebPartWPQ2 li:before {
content: counters(item, ".") ". ";
counter-increment: item
}
</style>