多个文字左右间距

感谢 HDG 大佬的技术指导!多段平排文字元素自定义左右间距。


HTML代码:

<!-------------友情链接---------------->
<div class="text-left-right"><a href="https://www.tianyabooks.com/" class="text-dark" target="_blank">天涯书库</a></div>

<div class="text-left-right"><a href="https://www.xingyueboke.com/" class="text-dark" target="_blank">星月文学</a></div>

<div class="text-left-right"><a href="https://www.tanmenba.com/" class="text-dark" target="_blank">名著阅读</a></div>

<div class="text-left-right"><a href="http://www.ttzw4.com/" class="text-dark" target="_blank">新起点小说</a></div>

<div class="text-left-right"><a href="https://www.77zw.cc/" class="text-dark" target="_blank">斗罗大陆网</a></div>
<!-------------友情链接---------------->

CSS代码:

<!-------------文字左右间隔---------------->
<style>
.text-left-right {
  margin-left: 45px; /* 左边间距增加为10像素 */
  margin-right: 45px; /* 右边间距增加为10像素 */
}
</style>
<!-------------文字左右间隔---------------->

简单文本左右间隔,效果如下:

人生苦短,及时行乐。

HTML代码:

<span class="logo_text">人生苦短,及时行乐。</span>

CSS代码:

  /*--- 首页动作坞品牌文字左右间隔 --*/
  .logo_text {
    letter-spacing: 5px;
  }