I have added an image in the editor then wrapped the image in an anchor tag to link the image to another page (<a><img /></a>).

 

The problem is that when I click the image to align it, only the image gets the alignment (<a><div align="center"><img /></div></a>). This causes the link to no longer function because it has a <div> as a child. Is it possible to have the anchor tag wrapped instead of the image when clicking an alignment button?