css technique for a horizontal line with icons in the middle

Solutions on MaxInterview for css technique for a horizontal line with icons in the middle by the best coders in the world

Search
showing results for - "css technique for a horizontal line with icons in the middle"
Paula
30 Jan 2017
1<h1>Heading</h1>
2<h1>This is a longer heading</h1>
3
4h1 {
5  overflow: hidden;
6  text-align: center;
7}
8
9h1:before,
10h1:after {
11  background-color: #000;
12  content: "";
13  display: inline-block;
14  height: 1px;
15  position: relative;
16  vertical-align: middle;
17  width: 50%;
18}
19
20h1:before {
21  right: 0.5em;
22  margin-left: -50%;
23}
24
25h1:after {
26  left: 0.5em;
27  margin-right: -50%;
28}
source
similar questions
icon rounded corners csscss center horizontally and verticallyhow to center horizontally and vertically block divcircle css with text in the centercss center horizontallyunderline on hover css animation from centrecss horizontal linear gradientline in middle word cssbutton slant right with iconhow to write text in middle of straight line in csscurved lines cssline circle in csscss text line in middlecss center vertically and horizontallycenter div horizontally and vertically
queries leading to this page
put horizontal line in centerline between text csscss line in middle of texthorizontal line css centerhtml css border cut text middlecss title between lineshtml line before wordshow to add lines left and right to a text in html and cssline in middle word csscss horizontal align next lineohow to put an horizontal line on the right of a text wwith csskeep two horizontal lines css in between textaddinig line on text csstext between line csscss after line fill from middletext in horizontal line htmlhorizontal bar before css centered contenthow to make a text with a line on both sides in htmlhow to add left and right border to a word using csscss horizontal rule with text in middle 22flex 22how to make content horizontal line in htmlcss technique for a horizontal line with icons in the middlecss text line middlecss how to make horizontal line next to texthow to draw a horizontal line in css centered alignedcss make line on wordcss hr with label little bit lefthow to make horizontal line with words in the middletext between lines csscontent between line html csshtml horizontal line with textcss for having name with horizontal linehtml css write linehow to add text between line in htmlin horizontal add text borderhow to draw a horizontal line in css centered aligned in the middlecreate horizontal line in html and css and text on lineline in middle htmlcss lines between thcss for title between lineshorizontal line with text in htmlline around text csshtml text line middleline on left and right of word csshow to get a middle line html cssdraw a line in css near a wordcss create a line through a wordhtml line before and after textcss or left and right border horizontal linecss line then word then linecss line left and right of textuse div to make line next to texthow to line in midddle in htmlhorizontal line with text in middle word csshow set words inline horizontal in csshorizontal line after text css codepenline middle text csscss tecknique to put a line to the right on textinline horizontal line cssline in the middle on browser css propetya line in middle of texthow to draw a hr line in css centered alibnedhtml text between lineline in middle word bootstraptext on horizontal linedraw line under h2 element bootstrapline behind word in csshow to make lines between words in htmlhorozonal line on text cssscss line around textcss how to make text line in the leftputting text between a horizontal line htmlseparator before and after text cssor with line cssmake text between line csscss middle line textadd middle line in text cssput hr line next to text css add line right of elementmiddle line in text csscss line before and after textbefor and after line through csshow to add lines on next to text cssline wotd csscenter line text csshorizontal line before div csshorizontal line in a word htmlhorizontal line css 3a 3abeforecss line middle textadd line in word htmlmake horizontal line text in htmlhtml text between linesbootstrap hr line after texthtml straight line next to text line under h1 middle text css htmladd centered horizontal line by text csstext between horizontal line html csstext between line centercss for left and right border horizontal linehow to make before text and after text line in htmlline before text in htmlline in center of textadd horizontal line wrapped texthow to add line in word csshow to draw middle line in cssmiddle line csshow to put a horizontal line through text in thmldisplay horizontal lines cssdraw line above and below content in html of content widthwhen writing css come a line aroundline in middle text htmlcss horizontal line beside textcss border left and right behind text dynamichow to make horizontal line in centercss technique for a horizontal line with icons in the middle