这是我的HTML页面的问题图像.文本菜单位于右对齐的div内,并具有1.2em字母间距.这有伪选择器吗?我不想诉诸相对定位.
我希望文本菜单能够结束块结束的位置.

我已经标记了最佳答案,但无论CodeBlock如何,我都被要求提供标记.这里是.
<div class="sidebar">
<span class="menuheader">MENU</span>
<ul>
<li><a href="#content">Content</a></li>
<li><a href="#attachments">Attachments</a></li>
<li><a href="#subpages">Sub-pages</a></li>
<li><a href="#newsubpage">New sub-page</a></li>
</a></ul>
</div>
.sidebar{
color: rgb(150,93,101);
display: inline;
line-height: 1.3em;
position: absolute;
top: 138px;
width: 218px;
}
.menuheader{
letter-spacing: 1.1em;
margin: -1.2em;
text-align: right;
}
Run Code Online (Sandbox Code Playgroud) 当我为我的面包店建立一个网站时,我想制作一个花哨的标题来触发每个字母的颜色.所以我可以利用跨度,但这是令人筋疲力尽的.我想使用:第一个字母或分别:first-char但没有任何作用.你们中有谁知道怎么做吗?
谢谢和Saludos!
h4{
font-size:100px;
margin-bottom:20px;
margin-top:0;
padding:0px;
font-family: 'Tangerine', cursive;
font-weight:normal;
}
h4:nth-letter(2) {
color:#06C !important;
}
h4:nth-letter(3) {
color:#C9C !important;
}
Run Code Online (Sandbox Code Playgroud) 亲爱的社区成员,
我有一个小问题,涉及一个带字母间距的文本输入字段.例如,以下代码:
<input type="text" style="letter-spacing:1em; text-align:center;" maxlength="6" id="code" name="code" />
由于最后一个字母的最后一个字母间距,这会导致文本无法正确居中.有没有其他方法可以实现间距,还有文本居中功能?所有解决方案都很受欢迎(包括javascript和JQuery).
(用户输入一个长度为6个字符的字符串,没有空格.)
谢谢你的回复!
PS:我不认为我忘记了任何相关代码,因为em也可以替换为10px.我在这里有截图:http://www2.picturepush.com/photo/a/7889005/640/7889005.png