css/html左对齐和右对齐href

有没有办法让部分文本左对齐，右对齐并保持一行？我试了类似的问题了几个类似的答案，但结果”不是个紧挨什么我希望为
例子：TANYA RUMPFF左，440px HTML中的鸟权歌曲：css/html左对齐和右对齐href

</head> 

<div class="dean"> 
<ul> 
    <li><a href="#">TANYA RUMPFF <p align="right">Songs of a bird</p></a></li> 
    <li><a href="#">STANCE OONK Bolwerk</a></li> 
    <li><a href="#">HARALD VLUGT Voor en na het meesterwerk</a></li> 
    <li><a href="#">CORINNE BONSMA Secret garden</a></li> 
    <li><a href="#">STEFAN KASPER Glitterkikkerlikker</a></li> 
</ul> 
</div> 

<body> 
</body>

的CSS ：

.dean {width:440px; 
    background-color:#74f4ff; 
    } 

.dean ul { 
    padding-left:-12px; 
    list-style-type: none; 
    padding-left:0; 
    padding: 0; 
} 

.dean ul li { 
    list-style-position:inside; 
} 

.dean a:hover { 
    text-decoration:none; 
    color:#000; 
    background-color:#fff; 
} 
.dean li:hover{ 
    margin-left:-14px; 
    color:#F90; 
    list-style-type:disc; 
} 
.dean ul a { 
    text-decoration:none; 
    display:block; 
    padding-left:20px; 
    width:400px; 
    color:#000; 
    font-family:Arial, Helvetica, sans-serif; 
}

来源

2016-02-21 Christiaan van Doesburg

您可以float第一元素，并使用text-align:right;

li a{ 
 
    display:block; 
 
    text-align: right; 
 
} 
 
li b { 
 
    float: left; 
 
}

<ul> 
 
    <li><a href="#"><b>TANYA RUMPFF</b>Songs of a bird</a> 
 
    </li> 
 
</ul>

来源

2016-02-21 23:11:21

HTML

<ul> 
<div id="textbox"> 
    <li class="alignleft"><a href="#">TANYA RUMPFF</a></li> 
    <li class="alignright"><a href="#">Songs of a bird</a></li> 
</div> 
<div style="clear: both;"></div> 
<div id="textbox"> 
    <li class="alignleft"><a href="#">STANCE OONK</a></li> 
    <li class="alignright"><a href="#">Bolwerk</a></li> 
</div> 
<div style="clear: both;"></div> 
<div id="textbox"> 
    <li class="alignleft"><a href="#">HARALD VLUGT </a></li> 
    <li class="alignright"><a href="#">Voor en na het meesterwerk</a></li> 
</div> 
<div style="clear: both;"></div> 
<div id="textbox"> 
    <li class="alignleft"><a href="#">CORINNE BONSMA</a></li> 
    <li class="alignright"><a href="#">Secret garden</a></li> 
</div> 
<div style="clear: both;"></div> 
</ul>

CSS

.alignleft { 
    float: left; 
} 
.alignright { 
    float: right; 
}

尝试。它可能会工作

来源

2016-02-21 23:12:32 m2j

我用你的风格的名字通过命名与所需的浮动：右。但是，这会在最后创建一个轻微的缩进。编码中有没有办法弥补它？ [链接]（http://castellvmaqvae.nl/indent.png） –

你如何清除问题 – m2j

css/html左对齐和右对齐href

回答

相关问题