小编Gro*_*sen的帖子

由@Borodin更新

我已经将这段代码重写为我认为更易于理解的内容.OP正在b与之比较d等等,我已经将所有符号更改为更加不同的ASCII字符.结果等同于OP原始代码的结果

我已经手动检查了所有的正则表达式模式,但我没有看到差异

#! /usr/local/bin/perl

use strict;
use warnings qw/ all FATAL /;

use List::Util 'max';

my @tests = (
    [ vvOHvXcvv => qr/ ^ ( (v*) O    | H? (v*) X )* c \2 $ /x ],
    [ vvOvXcvv  => qr/ ^ ( (v*) O    | H? (v*) X )* c \2 $ /x ],
    [ vvXHvXcvv => qr/ ^ ( (v*) X    | H? (v*) X )* c \2 $ /x ],
    [ vvXvXcvv …

我正在尝试使用 CSS 在 HTML 段落的边距内编写一个短标签，其方式与 HTML 列表项的标记方式类似。我认为这样做的方法是使标签成为一个绝对定位的内联块，该块在边距内移动（请参见下面的 HTML+CSS 代码）。这按我的预期工作，只是我找不到将标签文本的基线与相应段落的第一行对齐的方法。

HTML+CSS 代码：

.labeled {\n  margin-left: 40px;\n  position: relative;\n}\n\n.labeled::before {\n  display: inline-block;\n  content: attr(data-label);\n  position: absolute;\n  width: 40px;\n  left: -40px;\n  /* How to vertically position so paragraph and label have same baseline? */\n}

<p class="labeled" data-label="L">Lorem ipsum<sup>SUPERSCRIPT</sup> dolor sit amet, consectetur adipiscing elit. Ut cursus sem in nisl pulvinar porta. Praesent laoreet nisl sit amet sagittis mollis. Aliquam sit amet erat vitae enim ullamcorper dapibus ut vel …