How I can move an element before his parent?

How I can move an element before his parent?

Hi, i have this code:
  1. <style>
  2.  .parent {
  3.   width: 100px;
  4.   height: 100px;
  5.   background-color: #999;
  6.   border: 1px solid black;
  7.   padding: 5px;
  8.   margin: 10px 0px;
  9. }
  10.   .title {
  11.   color: white;
  12.   font-size: 1.1em;
  13.   border-bottom: 1px solid black;
  14.   margin: 5px auto;
  15.   text-align: center;
  16. }
  17. </style>
  18. <div class="parent">
  19. <div class="child">
  20. <div class="title">TITLE</div>
  21. Content
  22. </div>
  23. </div>
  24. <div class="parent">
  25. <div class="child">
  26. <div class="title">TITLE 2</div>
  27. Content
  28. </div>
  29. </div>
How I can put the div.title before div.child but inside div.parent like this:
  1. <div class="parent">
  2. <div class="title">TITLE</div>
  3. <div class="child">
  4. Content
  5. </div>
  6. </div>
  7. <div class="parent">
  8. <div class="title">TITLE 2</div>
  9. <div class="child">
  10. Content
  11. </div>
  12. </div>
I wait for your answers. Thanks!