ciri | Ciri is an Ethereum implementation written in Ruby | Cryptocurrency library

This looks like an output from Export-CliXml. It would be easier to deserialize using Import-CliXml:

To make this question and answer complete I'm pasting my response from JSoup's github.
NPE originates from: org.jsoup.nodes.Entities$EscapeMode.a(Entities.java:4) and here's the code

I've never used (or even heard of) Ciris before, but a quick visit to the documentation informs me that ConfigDecoder is the means by which the received configuration type (usually a String) is cast to a more useful type. Something like: env("SIZE_LIMIT").as[Long]

I also learned that, while many useful ConfigDecoders are supplied, you can also make your own for decoding configuration values into application specific types, and that's what sourceTopicsConfigDecoder appears to be doing. It pulls an existing String-to-NonEmptyString decoder from the implicit scope and uses it to build a String-to-SourceTopics decoder. (SourceTopics must be previously defined.)

The new decoder is made implicit so that elsewhere in the code you can do something like: env("SRC_TOPICS").as[SourceTopics]

From what I understand,

1. You need the full name + text to come in one bubble. For that you can give background and styling to the .in and .out divs. Same goes for the pointing arrow.

2. You need to have some width, so the bubble has some width. For this remove the float left/right given to dd.

Rest you can fix using margin and padding.