ELM : error while embedding ( List of HTML ) in div second argument
<p>Given a List of String , I want to create a List of HTML div in order to inject it in view :
I wondered that the function signature should be as following : </p>

<pre><code>display : List String -&gt;  List Html div
</code></pre>

<p>and the function body :</p>

<pre><code>    display model = case model of
     [] -&gt; []
     (x::xs) -&gt; div [][ text x] :: display xs
</code></pre>

<p>when embeding the above function in the view as per the below (as i know the  <strong>div</strong> function take a List of Html as second argument <code>div : List Attribute -&gt; List Html -&gt; Html</code>)</p>

<pre><code>view : Model -&gt; Html Msg
   view model = div []
                  [
                    input [ placeholder "write your post here" , onInput  Change][]
                    , button [onClick Save ][text "save"]
                    ,div [][ display model.lst ]
</code></pre>

<p>I am getting the below error when compiling :</p>

<pre><code>  The 2nd argument to function `div` is causing a mismatch.

24|                      div [][ display model.lst ]
                               ^^^^^^^^^^^^^^^^^^^^^
Function `div` is expecting the 2nd argument to be:

    List (VirtualDom.Node a)

But it is:

    List (List (Html a))
</code></pre>

<p>how could I sort this out , THANKS</p>