Home/ Questions/Q 8895359
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T23:45:21+00:00

In our project I’d like to style our doxygen output differently. Currently the generated

  • 0

In our project I’d like to style our doxygen output differently.
Currently the generated html looks like the following:

<html>
<body>
    <h1> Heading 1 </h1>

    <h2> Heading 2.1 </h2>
    <p> Paragraph 2.1.1 </p>
    <p> Paragraph 2.1.2 </p>
    <p> Paragraph 2.1.3 </p>

    <h2> Heading 2.2 </h2>
    <p> Paragraph 2.2.1 </p>
    <p> Paragraph 2.2.2 </p>
    <p> Paragraph 2.2.3 </p>
</body>
</html>

The <h2> is only styled with a font-size attribute and all <h2> and <p> tags are aligned on the left side of the document.

To let the content below any <h2> tag stand out visually I would like to indent the tags until the next <h2> tag.

What I tried so far is the following CSS rule:

h2 + * {
    margin-left: 10px;
}

The * is used since there are also other tags present besides <p> tags.
However, this rule only indents the first paragraph following the <h2> tag and not all tags up to the next <h2> tag.

It should also be mentioned that the structure of the html can not be changed to wrap each section inside of a <div> for example.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It sounds like you want to indent all siblings after the first h2 except other h2s, in which case this should do the job:

    h2 ~ *:not(h2) {
    margin-left: 10px;
}

    See the general sibling combinator and the negation pseudo-class as well as a live demo on jsbin.

    • 0