css - 在 Blogger 上添加边距

Question

我想在导航栏上分隔“TR”和“EN”部分。这是有问题的:

http://en.ahmetvarlik.com/

本网站中的 TR 和 EN 标签靠得太近了。我想这样安排:

Sample Align

在第一个网站 (en.ahmetvarlik.com) 中，我在“导航栏”部分添加了不同的代码。我也给了这个部分 font-size, text-align ，但是我不能给 margins 和 text-color 。谁能帮我？

代码:第一个网站 (en.ahmetvarlik.com):

a.navitabs, a.navitabs:link, a.navitabs:visited {display:inline-block !important; width:20x; height:25px; margin: 0 10px 0 10px; margin-top:0px; margin-bottom:10px; text-align:center; text-decoration:none; font-family:verdana; font-size:11px; color: #616161 !important; line-height:25px; overflow:hidden; float:none;}

a.navitabs:hover {color: #000000;}
#navibar {width:200px; margin:0 auto; text-align:center; color: #616161 !important; font-family:verdana; font-size:11px; float:none;}


<b:widget id='HTML3' locked='false' title='' type='HTML'>
 <b:widget-settings>
   <b:widget-setting name='content'>&lt;!-- Navigation tabs start --&gt;
&lt;div id=&#39;navibar&#39;&gt;
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
document.write (&quot;&lt;a href=&quot; + window.location.protocol + &quot;//&quot; + &quot;www.ahmetvarlik.com&quot; + window.location.pathname + &quot;&gt;  TR  &lt;/a&gt;&quot;); 
&lt;/script&gt;
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt; 
document.write (&quot;&lt;a href=&quot; + window.location.protocol + &quot;//&quot; + &quot;en.ahmetvarlik.com&quot; + window.location.pathname + &quot;&gt;  EN  &lt;/a&gt;&quot;); 
&lt;/script&gt;
&lt;div&gt;
&lt;!-- Navigation tabs end --&gt;&lt;/div&gt;&lt;/div&gt;</b:widget-setting>

示例图片代码:

a.navitabs, a.navitabs:link, a.navitabs:visited {display:inline-block !important; width:20x; height:25px; margin: 0 10px 0 10px; margin-top:0px; margin-bottom:10px; text-align:center; text-decoration:none; font-family:verdana; font-size:11px; color: #616161; line-height:25px; overflow:hidden; float:none;}

a.navitabs:hover {color: #000000;}
#navibar {width:200px; margin:0 auto; text-align:center;}

<!--Navigation page element starts -->
<div id='navibar-wrapper'> 
<b:section class='navibar_section' id='navibar_section' showaddelement='yes'>


<b:widget id='HTML3' locked='false' title='' type='HTML'>
 <b:widget-settings>
   <b:widget-setting name='content'>&lt;!-- Navigation tabs start --&gt;
&lt;div id=&#39;navibar&#39;&gt;
&lt;a href=&quot;http://www.ahmetvarlik.com/&quot; class=&quot;navitabs&quot; title=&gt;TR&lt;/a&gt;
&lt;a href=&quot;SOON!&quot; class=&quot;navitabs&quot; title=&gt;EN&lt;/a&gt;
&lt;div&gt;
&lt;!-- Navigation tabs end --&gt;&lt;/div&gt;&lt;/div&gt;</b:widget-setting>
 </b:widget-settings>
 <b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>



<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section> 
</div> 
<div style='clear: both;'/>
<!--Navigation page element ends -->

Answer 1

当我尝试在您的 div 和链接上设置边距时，它按预期工作，我看不出有什么问题。