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>
.relinfo { margin-top: 1em; margin-bottom: 1em }