怎么给<a> 元素设置外边距

 <div class="box-footer " style="height:52px;">
                    
                           <span style="float:right;"><a href="javascript:void(0)" id="word1" class="btn btn-sm btn-info btn-flat pull-right" >发布公告</a></span>
                      
                          <span style="float:right;margin-right:20px"> <a href="javascript:void(0)" id="word2" class=" btn btn-sm btn-info ">查看更多</a> </span>
                    
       </div> 

效果