Element outside the main label but Outliner takes it as inside?

0

In a project that I have to do, I need to have all the sections with their respective headers by passing my html file through an outliner

My code is as follows:

<main id="todasRecetas" class="contenedor"> (sería el padre)
      <article id="articulo1"> Articulo 1 - subencabezado 1 </article>
      <article id="articulo2"> Articulo 2 </article>
      <article id="articulo3"> Articulo 3 </article>
      <article id="articulo4"> Articulo 4 </article>

    </main>

    <article id="participanteGanador" class="contenedor">
     Articulo 5
    </article>

By passing it through Outliner I get this:

How can I make article 5 look like another header on the page and not a header on the main label?

    
asked by JuanP 07.09.2017 в 14:56
source

1 answer

0

I recommend that you use other elements and not main, I'll give you an example.

<section id="todasRecetas" class="contenedor"> (sería el padre)
  <article id="articulo1"> Articulo 1 - subencabezado 1 </article>
  <article id="articulo2"> Articulo 2 </article>
  <article id="articulo3"> Articulo 3 </article>
  <article id="articulo4"> Articulo 4 </article>
</section>
<section>
<article id="participanteGanador" class="contenedor">
  Articulo 5
</article>
</section>

If you want them to have text, I'll give you another example:

<section>
  <h1>La mosca</h1>    
  <p>El esta sección hablaremos de la mosca, una criatura adorable. 
    ... bla, bla, bla ...
  <section>
    <h2>Hábitat</h2>  
    <p>Únicamente se han divisado colonias de moscas en los montes de....
        ...bla, bla, bla ...
  </section>
</section>
<section>
  <h3>El mosquito</h3>
  <p>A continuación, otra rareza a punto de extinguirse, el mosquito. 
     ...bla, bla, bla...
</section>

    
answered by 07.09.2017 / 17:12
source