To display the white line between the title and two circle, my code was
but it is changed to this.
fixed huge number on margin-left and top. Also it changed to use before pseudo-element.
-> it can be used to insert some content before the content of an element.
-> it can be used to insert some content after the content of an element.
:first-line / first-letter
-> it is used to add some specific style to the first line / letter of text.
-> it is to add style which are selected part by user.
More info of pseudo-elements : CSS Pseudo-elements
* !important rule in CSS
-> This rule is used on a CSS declaration, and it can override any declaration in CSS.
It is not recommended rule to use generally, but if specific style / CSS which is overrided by external libraries(Bootstrap) can allow to use !important rule. It can add the same line as CSS. ( padding: 0 !important; ).
When using !important is the right choice
Sass (Syntactically Awesome StyleSheets)
SASS Style Guide