Javascript 如何使用CSS浮动或JS为<；序列重新排序和设置固定宽度块；a>；及<；em>&书信电报；a>；我无法编辑的元素？

我有一个“黑匣子”的输出，生成我需要重新排序、对齐和设置样式的内容。。。。。源代码输出大致如下：

 <div class="wrapper">
    <aside id="black_box" class="widget black_box">
        <ul class="news">                               
            <li> 
                auto content 1 
                <a href="URL1a"> link 1a</a>
                content 1 more
                <a href="URL1b"> link 1b</a>                        
                <br/>
                <em>
                    <a href="URL_never_changes">date of article</a>
                    </em>
            </li>
                        <li> 
                auto content 2 
                <a href="URL2a"> link 2a</a>                        
                <br/>
                <em>
                <em>
                    <a href="URL_never_changes">date of article</a>
                    </em>
            </li>  

结果如下（注意内容顺序颠倒！）：

短自动内容1链接1a内容1更多链接1b
简短的自动内容2链接2a

问题是：我希望第二列内容左对齐。但我不能让块像块一样，占据固定宽度的空间。相反，非em内容从70px边距开始（em blcok宽度没有影响）

有什么建议吗？

---

谢谢，Dave

欢迎来到Stack Overflow。JSFIDLE对于准确理解您的问题非常有帮助，因为它有点复杂。请访问。我不完全理解您想要实现的目标。你能提供更多细节吗？

.news br {display:none;  }
.news li em a { float: left; display:block;  margin: 0px 70px 0px 0px;  }
.news li {clear:both;  }