使用AJAX加载页面时，为什么我的URL之间没有空格？

Question

I have the following code for four a elements with Bootstrap's btn class on them.

<a href="{% url 'qna:answer-create-view' object.pk %}" class="btn btn-primary btn-xs">Answer</a>
<a href="#" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> | 0</a>
<a href="#" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-down"></i> | 0</a>
<a href="#" class="btn btn-default btn-xs">Follow</a>

Normally there was a little space between them when I loaded them as an HTML page. However, I implemented load() function in my JS file and is now loading part of the page containing those elements so that it takes less time to load a new page. But in this method there are no spaces between those elements and it looks aesthetically unpleasant. How can I fix that?

Answer 1

Just add margin to them using CSS

.btn{
   margin: 0 5px;
   display: inline-block;
}