I'm currently working on a dice rolling page that features 4 dice. Here's the desired result: https://i.sstatic.net/hrydt.png
So far, I've been able to implement all the necessary logic, but I'm struggling with aligning each die side by side and adding the black padding from the ts code. This is what I have at the moment:
https://i.sstatic.net/6ys3Q.png
Following a suggestion in a comment, I created a parent div and set its display style to inline. However, there was no change in the alignment. Below is my updated code for the Die class, responsible for implementing each die, as well as the creation of the parent div:
class Die {
// Class implementation here...
}
class DieRoller extends Die {
// Class extension here...
}
// Code snippet for creating multiple dice and displaying them inline.