Home/ Questions/Q 9123483
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T06:21:04+00:00

As you may know the hook with commenting whitespaces between ‘display: inline-block’ elements. What

  • 0

As you may know the hook with commenting whitespaces between ‘display: inline-block’ elements.

What do you think of such a solution: 

    <div style="display:inline-block">Content 1</div><!--
---><div style="display:inline-block">Content 2</div><!--
---><div style="display:inline-block">Content 3</div>

I want to use ‘—>’ in the end to keep code finely indentated without spaces ( I use four-digit tab ).

Also a question: in Sublime text 2 it does not understand that comment is closed with ‘—>’ and paint all the code after as commented and does not highlight it. Is there an easy way around it?
Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    See the HTML 5 specification on comments:

    Comments must start with the four character sequence U+003C LESS-THAN SIGN, U+0021 EXCLAMATION MARK, U+002D HYPHEN-MINUS, U+002D HYPHEN-MINUS (<!--). Following this sequence, the comment may have text, with the additional restriction that the text must not start with a single U+003E GREATER-THAN SIGN character (>), nor start with a “-” (U+002D) character followed by a U+003E GREATER-THAN SIGN (>) character, nor contain two consecutive U+002D HYPHEN-MINUS characters (--), nor end with a “-” (U+002D) character. Finally, the comment must be ended by the three character sequence U+002D HYPHEN-MINUS, U+002D HYPHEN-MINUS, U+003E GREATER-THAN SIGN (-->).

    You are ending the comment text with a - which is not allowed. This is confusing the syntax highlighter of your editor.

    Using --> instead of ---> will fix it. (I have tested this in my copy of subl2).

    • 0