I am trying to make a line of elements using display:flex; in CSS with the same spacing for text.
Here is what i got, i achived it using display: inline-block; and spacing differences between text - which i would want to make the same for every text.
element { border-width: 1px; border-style: solid; color: rgb(0, 146, 247); display: inline-block; height: 18px; border-radius: 30px; vertical-align: middle;}.footertext { font-family: 'Open Sans', sans-serif; color: rgb(124, 134, 205); margin-left: 20px; margin-right: 20px; display: inline-block; vertical-align: middle;}<div><p class="footertext"> First Line</p><element></element><p class="footertext"> ABC</p><element></element><p class="footertext"> Third Line</p><element></element><p class="footertext"> DEFG</p></div>I need those funny elements between text and when i try to use display:flex; those are going out of bounds.