\[code\]<html><head><style> div#one{ display: inline-block; border: 1px solid green; width: 200px; height: 200px; } p{ border: 1px solid black; } div{ display: inline-block; border: 1px solid green; width: 200px; height: 200px; }</style></head><body><div id="one"> <p>Something here</p> </div> <div> </div></body></html>\[/code\]This is my code, I expect the div box arranged side-by-side but they not.Why?