Browser compatibility Summary of front-end research on the combination of CSS text and special symbol Elements

There is always a design style similar to "text | text" in the page layout. Different browsers have serious deviations. If there is a compatibility problem, we need to solve it. The following three solutions are summarized and shared with you: 1. system Default style 1. code for copying a section with element line breaks <div class = "txt"> <a href = ""> text link </a> <em >|</em> <a href =" "> text link </a> <em> | </em> <a href =" "> text link </a> <em> | </em> <a href = ""> text link </a> <em> | </em> <a href = ""> text link </a> </div> copy Code 2. <div class = "txt"> <a href = ""> text link </a> <em >|</em> <a href = ""> text link </a> <em> | </em> <a href = ""> text link </a> <em> | </em> <a href = ""> text link </a> <em> | </em> <a href = ""> text link </a> </div> 3. Some do not wrap paragraphs. Copy the Code <div class = "txt"> <a href = ""> text link </a> <em >|</em>