how can i fill horizontal html list to whole column?-CodePudding

I split a row into 2 parts with a div. I give a horizontal html list to a div with Col-6, but it only displays as much as the area it occupies. How do I make this html list fill the entire column?

<div >
                    <ul >
                        <li >Departman Onayında</li>
                        <li >Bilgi verildi</li>
                    </ul>
                </div>

CodePudding user response：

This is how you can fit both the box in the entire row.

.list-group-item{
  background:gray;
  margin:2px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.list-group{
  display:flex;
  align-items:center;
  justify-content:center;
}

li{
  list-style:none;
}

<div >
       <ul >
                  <li >Departman Onayında</li>
                  <li >Bilgi verildi</li>
        </ul>
</div>