HTML，为大行创建行号

Question

我有以下代码为每个具有“lineNum”类的 div 创建自动行号。我还想为断行创建行号(在代码片段中，行号 1 和 2 之间的行)。谢谢!

.container {direction:rtl; counter-reset: line;}
.container .lineNum {display: flex;line-height: 1.5rem;}
.lineNum>center, .lineNum>right, .lineNum>left, .lineNum>span 
{width: 100%;}

.container .lineNum:before 
{
  width: 2%;font-weight: bold;
  counter-increment: line;content:counter(line);
  display: inline-block;
  background-color: lightgray;
  margin-left: 10px;
  padding-right: .5em;
}

<div class="container">
<div class="lineNum"><span>במהלך תקופה זו, גדלנו מקבוצה קטנה של עורכים לקהילה מגוונת של עורכים, מפתחים, קוראים, תורמים ושותפים. איפה נהיה בעוד 15 שנה? איזה תפקיד נמלא בעולם? מי עוד יצטרף לתנועה? מה אופי העבודה הניצבת לפנינו? שאלות אלו ייענו על ידי תנועת ויקימדיה כולה במהלך השבועות הקרובים, במסגרת התהליך האסטרטגי לשנת 2017, המתנהל בימים אלו.</span></div>
<div class="lineNum"><span>תצלום לוויין של ארץ ישראל, משנת 2003, הכולל את מדינת ישראל, שטחי הרשות הפלסטינית, וחלקים מירדן, לבנון, סוריה ומצרים</span></div></div>

编辑:预期结果如下

Answer 1

如果你想在每个 .lineNum 类之间打断，只需添加一个 margin-top: 10px; 我在下面添加了一个片段来展示给你看。

.container {direction:rtl; counter-reset: line;}
.container .lineNum {display: flex;line-height: 1.5rem;}
.lineNum>center, .lineNum>right, .lineNum>left, .lineNum>span 
{width: 100%;}

.lineNum {margin-top: 10px;} 
       
.container .lineNum:before 
{
  width: 2%;font-weight: bold;
  counter-increment: line;content:counter(line);
  display: inline-block;
  background-color: lightgray;
  margin-left: 10px;
  padding-right: .5em;
}

<div class="container">
<div class="lineNum"><span>במהלך תקופה זו, גדלנו מקבוצה קטנה של עורכים לקהילה מגוונת של עורכים, מפתחים, קוראים, תורמים ושותפים. איפה נהיה בעוד 15 שנה? איזה תפקיד נמלא בעולם? מי עוד יצטרף לתנועה? מה אופי העבודה הניצבת לפנינו? שאלות אלו ייענו על ידי תנועת ויקימדיה כולה במהלך השבועות הקרובים, במסגרת התהליך האסטרטגי לשנת 2017, המתנהל בימים אלו.</span></div>
<div class="lineNum"><span>תצלום לוויין של ארץ ישראל, משנת 2003, הכולל את מדינת ישראל, שטחי הרשות הפלסטינית, וחלקים מירדן, לבנון, סוריה ומצרים</span></div></div>