css – Place two reagent components in the same row

I have two components of react in a div. One is three dice and another button to throw it. Both are in a div. The problem is that both appear on the screen and I need them in the same line. How do I get that?

     
(this.reactDice = says)} id = "says" />

the css of this div is:

#dices {
Background color: blue;
Position: fixed;
left: 50%;
right: 23%;
bottom: 0px;
Height: 15%;
Display: Block;
}