Html 对齐2：在相互下方的内容之后

我一直在试验高级选择器，到现在为止，它一直很好。我试着在一张表中对齐两个插入符号。使其显示为行是可排序的。但我一直无法让它工作，我也无法在谷歌上找到关于这个具体问题的任何信息

如果有人能帮我或提供信息，我将不胜感激

HTML:

<div id="table">
    <table>
        <tr>
            <td>Column1</td>
            <td>Column2</td>
            <td>Column3</td>
            <td>Column4</td>
            <td>Column5</td>
            <td>Column6</td>
            <td>Column7</td>
            <td>Column8</td>
            <td>Column9</td>
            <td>Column10</td>
            <td></td>
        </tr>
    </table>
</div>

#table tr:first-child td:not(:nth-child(9)):not(:last-child):after {
    font-family: FontAwesome;
    content: "\f0d7" ' ' "\f0d8";
    float:right;
}

JSFIDDLE

#表格{
边缘顶端：40px；
宽度：100%；
边界：无；
边界塌陷：塌陷；
}
#表td{
填充：0 5px；
左边框：1px实心#000；
右边框：1px实心#000；
}
#表tr{
背景#dbe5f1；
}
#表td：第一个孩子{
左边界：无；
}
#表td：最后一个孩子{
边界权：无；
右边填充：0；
}
#表tr td：最后一个孩子：之前{
字体系列：Fontsome；
内容：“\f05c”；
字号：18px；
}
#表tr：第一个孩子td:not（：n个孩子（9））：not（：最后一个孩子）：after{
字体系列：Fontsome；
内容：“\f0d8”“”“\f0d7”；
浮动：对；
宽度：5px；
线高：0.5；
}

专栏1
专栏2
第3栏
专栏4
专栏5
第6栏
专栏7
专栏8
第9栏
第10栏

给它一个较小的宽度@你是说那些专栏？如果收缩JSFIDLE，您将看到psuedo类位于文本下方。仍然彼此相邻排列。@anpsmn别介意我看到了你的小提琴。如此简单而有效。谢谢你，伙计。你介意把它写在一个答案里，这样我就可以把这个问题标记为已回答了吗？