Search
 
SCRIPT & CODE EXAMPLE
 

CSS

html css text between Horizontal line

.separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}

.separator:not(:empty)::before {
  margin-right: .25em;
}

.separator:not(:empty)::after {
  margin-left: .25em;
}
Comment

PREVIOUS NEXT
Code Example
Css :: css() multiple 
Css :: postion on window top css 
Css :: why is there whitespace on the top 
Css :: css border-boz 
Css :: abstände zwischen zeilen html 
Css :: css efeito negativo fotos 
Css :: scss a link style 
Css :: css absolute in absolute 
Css :: css hover pointer 
Css :: sub menu disappears on hover css 
Css :: material form css 
Css :: Vuetify v-data-table custom row hover background color (Dark Theme) 
Css :: css fonts 
Css :: how to lighten the color of text in html 
Css :: tailwind css modules 
Css :: ngrok host header change 
Css :: Functions in Golang 
Css :: css grid item 
Css :: css display contents 
Css :: button hover animation css codepen 
Css :: css code for margin 
Css :: label for centered image 
Css :: Reference WP media file on child theme CSS file 
Css :: css background cover y axis 
Css :: span flex height 
Css :: when grepper whas created 
Css :: flex grow css 
Css :: installer scss projet wordpress 
Css :: nuxt JisonLexerError: Lexical error on line 1: Unrecognized text. 
Css :: const Schema 
ADD CONTENT
Topic
Content
Source link
Name
2+9 =