How To Give Div Height And Width Within Another Div

Relevant pug code:

 body
    .jackpot#jackpot-wrapper
        canvas#jackpot-chart(width='900', height='900')
        #jackpot-center-data
            span#text 1/50

Relevant Css:

#jackpot-wrapper{
    width: 600px;
    height: 2000px;
}

#jackpot-center-data {
    border-color: coral;
    height: 100px;
    width: 100px;
}

#text {
    font-family: adamina;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

So I have a div with id of jackpot-wrapper holding another div with an id of jackpot-center-data, finally I have a span inside of the jackpot-center-data with id of text. I wanted to resize the jackpot-center-data div with height and width but it doesn't change size whenever I set it. I also can't change the position once I set it to absolute. Any ideas on how I could resize the jackpot-center-data div and change it's position.