MaxInterview - draw a line with title in react

showing results for - "draw a line with title in react"

11 Mar 2017

1<html>
2  <head>
3    <style>
4      .draw-line:before {
5        content: "";
6        display: block;
7        background-color: black;
8        height: 1px;
9        width: 10px;
10        margin-right: 10px;
11      }
12      .draw-line:after {
13        content: "";
14        display: block;
15        background-color: black;
16        height: 1px;
17        flex-grow: 1;
18        margin-left: 10px;
19      }
20      .draw-line {
21        display: flex;
22        align-items: center;
23      }
24    </style>
25  </head>
26  <body>
27    <div class="draw-line">Title</div>
28  </body>
29</html>

queries leading to this page

draw lines in react draw a line with title in react add horizontal line before text in react native draw a line with title in react reactjs draw lines divider line comes below text react title one line react js draw a line with title in react