How to separate footer from the content

How to separate footer from the content
0

#1

Hello,
I have a problem,
My footer content as footer itself goes to the previous flexbox div. So I have there 3 divs in 1 and footer goes aside like the fourth one. How to make footer be a footer, on the bottom? not aside previous element.Thanks


#2

It would help if you showed the code - Are you missing a closing tag?


#3

Yeah hard to say without a little code. Please show/provide example.


#4
<div id='prices'>
   <div class='subprices'>
              <div class='tromb'>
                TENOR TROMBONE
              </div>
              <div>
                <h2>$600</h2>
              </div>
                <div>          
                   <ol>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                  </ol>
               <button class="btn">Select</button>
              </div>  
 </div>
 <div class='subprices'>	  		
              <div class='tromb'>
                BASS TROMBONE
              </div>
              <div>
                <h2>$900</h2>
              </div>	
              <div> 
                 <ol>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                  </ol>
                <button class="btn">Select</button>
               </div> 
</div>
<div class='subprices'>
            <div class='tromb'>
              VALVE TROMBONE
            </div>
            <div>
              <h2> $1200</h2>
            </div>	
              <div> 
                 <ol>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                    <li>lorem ipsum</li>
                  </ol>
                <button class="btn">Select</button>
               </div>           
</div>

<footer>
afafafafa
</footer>

#5

the indentation is a little off - there’s a missing closing tag for #prices


#6

thanks :slight_smile: