תיבות CSS לא בגבהים שווים..

טוב אז יש לי 2 סוגי תיבות אחת שמאלית ואח ימנית
הבעיה שלפעמים אחת יותר ארוכה מהשניה (לפי כמות הטקסט שמופיע בפנים),
לכן איך ניתן להגדיר להם ששתיהן יהיו באותו אורך של האחת שהכי ארוכה?

קוד:
.left {
font-size: 15px;
margin-top: 10px;
width: 570px;
float: left;
text-align: right;
border: 5px solid #222;
padding: 10px;
}


.right {
text-align: right;
margin-top: 10px;
width: 160px;
float: right;
border: 5px solid #222;
font-size: 12px;
padding: 10px;
}

תודה