让Divs在Div-Inside内对齐

I have three divs with ids red green and blue inside another div with id pink. What I expect is red, green, and blue would all be justified to the top of pink. I also expect that the width of each would be equal to the width of the widest child element inside it. But what is happening is they are aligned to the bottom of pink. In addition, as children are added to one of them, its width grows as well as its height, increasing pink's width and height.I have three divs with ids red green and blue i