Я использую cufon для добавления шрифта на свой сайт, и у меня есть проблема с центром текста, когда Cufon будет применен!
Я разработал веб-сайт так, как хочу, но когда я применяю Cufon, текст остается не центрированным... Без Cufon он сосредоточен!
HTML:
<nav>
<ul>
<li>
<div>
<a href="/app/MyAccount">Without Cufon</a>
</div>
</li>
<li>
<div>
<a class="cufon" href="/app/MyAccount">With Cufon</a>
</div>
</li>
</ul>
</nav>
CSS:
nav {
width: 100%;
height: 110px;
clear: both;
overflow: hidden;
margin-bottom: 6px;
font-weight: 900;
text-align: center;
}
ul {
padding-left: 0px;
}
li {
background-color: #E3E3E3;
float: left;
width: 200px;
height: 90px;
list-style-type: none;
text-align: center;
color: black;
display: inline;
}
Cufon:
Cufon.replace('.texte8pt', { fontFamily: 'Helvetica Neue LT Std 45', hover: true });
Спасибо, что помогите!
попробуй это:
HTML
<div id="divCufon">
<a class="cufon" href="/app/MyAccount">With Cufon</a>
</div>
CSS
#divCufon
{
text-align:center;
}
Или вы можете попробовать следующее:
<center><a class="cufon" href="/app/MyAccount">With Cufon</a></center>