Aligning text and images in a StyledDocument like 'middle' on img in HTML

Question

Hi,
I have a StyledDocument which is a document source for a JTextArea, into which I am inserting combinations of 22x22 images and text strings. This is just a nitpick, and I am hoping someone could assist.
What I would like to do is middle-align the text and images, so that the strings are vertically centered with the images.
You can reproduce this as such:
messagePane = new JTextPane();
messagePane.setMargin( Constants.smallInset );
doc               = (StyledDocument)messagePane.getDocument();
Style style;
style = doc.addStyle( "normal", null );
StyleConstants.setForeground( style, Color.BLACK );
StyleConstants.setFontFamily( style, "Verdana" );
StyleConstants.setFontSize( style, 12 );
style = doc.addStyle( "image", null );
StyleConstants.setIcon( style, new ImageIcon( someimageofyourchoice )  );
doc.insertString( doc.getLength(), " ", doc.getStyle( "image" ) );
doc.insertString( doc.getLength(), "some misaligned text", doc.getStyle( "normal" ) );Thanks in advance!
Alex

Answer 1

code correction:
top block:
messagePane = new JTextPane();
messagePane.setMargin( Constants.smallInset );
StyledDocument doc = (StyledDocument)messagePane.getDocument();cut + paste from several separate components...