使用自定义css将两个html元素放在同一行中

添加 word-break:break-all 如果单词是单行且没有空格,则将其打断。和 flex 使用使用的图标获取正确的内联文本。

只需添加以下css

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

只需添加 给李的css

.sidebar-wrapper .contact-list li {
    margin-bottom: 15px;
    display: flex;
}

linkedin url 保留

.linkedin { 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.linkedin > a {
  vertical-align: middle;
}