divy nie sa obok siebie tylko pod spodem

0

Mam taki problem mam sobie stronę i chodzi o to, żeby divy były osob siebie w jednym divie a one są pod spodem.

<div class="centerPage">
    
   
<div class="row centerPage guest" style="width: 80%;" >
    
    @include ('adminlte.logoGuest')
    <div class="right">
        @foreach ($listCategorie as $list)



                


                        
                        
                            <div class="co-2 br center ">
                                <a href="{{ route("guest.listIssue",$list->id) }}">{{$list->name}}</a>
                                
                            </div>
                            
                           
                        
                    
                      
              
                       
            <br>


        @endforeach
    </div>
        </div>
   

</div>

style.css

div.br {
    
    background-color: red;
    float: left;
   
    
}
div.center {
    

    
    
    
}
div.centerPage {
    
    margin-left: auto;
    margin-right: auto;
}
td.center {
    text-align: center;
}
div.logo {
    width: 260px;
    
    
    
    margin-left: auto;
    margin-right: auto;
    
}
table.center {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
div.right {
    width: 80%;
    background-color: green;
    float: left;
    
    
}
div.guest {
   
   
    
   
}

I teraz chodzo o to, że to te divy mają być osob siebie

 <div class="co-2 br center ">
                            <a href="{{ route("guest.listIssue",$list->id) }}">{{$list->name}}</a>
                            
                        </div>
0

display:inline-block;
Albo baw się z fleksem.

0

Już sobie poradziłem trzeba było
tp zamienić miejscami

    <div class="right">
        <div class="row centerPage guest"  >

Czyli
z

<div class="row centerPage guest"  >
    <div class="right">
        

na

    <div class="right">
        <div class="row centerPage guest"  >
0

Powinieneś użyć flexa. Na prawdę: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

1 użytkowników online, w tym zalogowanych: 0, gości: 1