How to make to inline divs with text in them perfect squares

[eileenbat]

I have the code:\[code\]<div>C</div><div>A</div>div{ border: 4px solid Brown;display: inline;}\[/code\]http://jsfiddle.net/TKQzT/So I end up with two rectangles with letters in them.I was wanting them to display as squares instead. So currently they're rectangles taller than they are wide.Does anyone know how to style them so they'll come out as perfect squares?