css - 将两个 html 元素与自定义 css 放在同一行

Question

一个里面有两个html元素

li 元素，我需要将这两个放在同一行，

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<li class="linkedin">
       <i class="fa fa-linkedin"></i>
       <a href="#" target="_blank">https://www.linkedin.com/in/mehmet-yener-yilmaz-
           833a07101/</a>
    </li>

sive，我需要一些 css 技巧来有效地处理它

编辑:我试过this和其他一些人喜欢但无法解决我的问题

Answer 1

添加 word-break:break-all 来打断单行没有空格的单词。和 flex 以使用使用过的图标获取正确的内联文本。

只需添加以下CSS

    .sidebar-wrapper .contact-list li {
        margin-bottom: 15px;
        word-break: break-all; /* Added */
        display:flex;   /* Added */
    }