By default, DITA2Go presents links to related topics three ways, depending on the type of relationship:
For parent/child links, based on the relationship in the map and regardless of reltable or related-links settings, the parent is listed flush left like this:
The child links are indented, with no heading:
For next/previous links, the treatment is similar to that for parent/child links, with different headings:
For sibling links, including those in the same row of the reltable, DITA2Go presents lists with a bold heading flush left, and the links under it, also flush left:
You can improve on this presentation with CSS. For example:
<div>
<div class="relinfo"><strong>Related concepts</strong><br/>
<div><a href="DITATestConcept.html"
title="Overview of Test Suite design.">Test Suite Design</a></div>
</div>
<div class="relinfo"><strong>Related reference</strong><br/>
<div><a href="DITATestReference.html"
title="DITA features.">Test Suite Coverage</a></div>
</div>
</div>