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>