关于html5中多个a标签不换行的问题

html5中，输入 div>a[href='www.baidu.com']{百度}*6并按下 tab 键，
希望的效果（和EditPlus一样）是:

   <div>  
    <a href="www.baidu.com">百度</a>  
    <a href="www.baidu.com">百度</a>  
    <a href="www.baidu.com">百度</a>  
    <a href="www.baidu.com">百度</a>  
    <a href="www.baidu.com">百度</a>  
    <a href="www.baidu.com">百度</a>  
   </div>

在HBuilderX中的实际的效果是巨长的一行：

<div><a href="www.baidu.com">百度</a><a href="www.baidu.com">百度</a><a href="www.baidu.com">百度</a><a href="www.baidu.com">百度</a><a href="www.baidu.com">百度</a><a href="www.baidu.com">百度</a></div>

重排代码格式后，也不过是因为单行过长而折为两行，不尽人意。

请问：如何设置才能达到期望的效果？