Можно ли опустить border?

188
10 января 2019, 14:20

Надо чтобы цифра стояла прямо напротив бордера блока, возможно ли как то опустить на пару пикселей подчеркивания или надо делать отдельный блок в род блоке и задавать ему бордер?

Answer 1

Такой вариант устроит?

body { 
  color: #666; 
} 
 
.border-bottom { 
  display: block; 
  text-align: right; 
  border-bottom: 2px dotted #333; 
  color: #333; 
  padding: 2px 0; 
  margin: 10px 0; 
}
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non quam eget justo eleifend dictum vel imperdiet purus. Ut et iaculis nulla. Suspendisse sit amet porttitor odio. Vivamus velit turpis, varius pulvinar ultricies sit amet, blandit ut tortor. Integer vitae efficitur augue. Sed egestas ligula sit amet sapien varius, vel hendrerit augue cursus. Suspendisse eget dui eu neque tincidunt dapibus. Praesent eget sapien felis. Integer interdum diam vel sodales euismod. Proin id feugiat massa. Quisque cursus, lectus sit amet hendrerit tincidunt, ligula eros sollicitudin nulla, non tristique nulla nulla sit amet nulla. 
<div class="border-bottom">4</div> 
Donec vehicula malesuada ante sit amet sollicitudin. Vivamus nec metus neque. Donec vitae arcu sed turpis iaculis luctus ut sed arcu. In consectetur pretium lacus, et ornare dolor mollis ut. Nullam tincidunt ut leo sed facilisis. Pellentesque accumsan pretium ante, et porta diam tempor sit amet. Integer quam ligula, mattis nec aliquam rutrum, pulvinar eget felis. Cras condimentum, augue quis scelerisque semper, est risus pharetra risus, ut semper lectus orci vitae ipsum.

READ ALSO
Анимация элемента в слайдере

Анимация элемента в слайдере

Очень нужен совет как выполнить данную задачуВся сложность заключается в том, что круг который меняет содержимое на каждом слайде скорее...

148
Сортировка List&lt;KeyValuePair&lt;string, int&gt;&gt;();

Сортировка List<KeyValuePair<string, int>>();

У меня естьList<KeyValuePair<string, int>>(); в который я из словаря записываю слово и его весКак через метод Sort(); можно вывести 5 самых "тяжелых" слов...

130
Аналог setw() в C#

Аналог setw() в C#

Требуется вывести таблицу умножения в консоли примерно подобном виде:

226