How to use <div> tag correctly?

Hi all, I'm facing a strange thing I don't understand.
I want to use div tags in a standard page. I have check all my options like mardown extra:true and markdown=1, I tryed to leave a white line after the tag but I get something funny 🙂 :
the first div is shown correctly, but the second is escaped.

<div class="row" markdown="1"><div class="cell-2" markdown="1">

    Rouge :

    </div>

    <div class="cell-2" markdown="1">

    Bois :

    </div></div>

What I get is

so strange, I tried one tag on a line, one empty line each time etc. Nothing is going right. What am I doing wrong ?
Thanks for any answer.

Ok thanks for you solution (as usual ;) )
but a last question then. why

<div class="row" markdown="1"><div class="cell-2" markdown="1">
Rouge :
</div>
<div class="cell-2" markdown="1">
Bois :
</div></div>

is working and

<div class="row" markdown="1"><div class="cell-2" markdown="1">
Rouge :
</div><div class="cell-2" markdown="1">
Bois :
</div></div>

is not showing the second div (not even escape it) ? another rule ?

@Francois, I don't know, but...

When I drop your snippet into Markdown, I get the following generated HTML as output:

<div class="row" markdown="1"><div class="cell-2" markdown="1">
Rouge :
</div><div class="cell-2" markdown="1">
Bois :
</div></div>

So, I cannot reproduce your output.

@pamtbaau well... I finally found how to but this has non sense for me.
It works if I remove all markdown="1" from the tags or if I unvalid option markdown extra and force it to false.
At this time, I don't need any further markdown inside my div as I'm using class, but is this your configuration ?

last minute correction, only option "mardown extra" should be forced to false. I kept markdown=1 in tags and it works correctly