我是HTML / CSS的新手,需要一些有关文本对齐的帮助。文字是链接,我想在页面左侧对齐两个链接,在右侧对齐一个链接。有人可以帮忙吗?这是我的代码

BACK和HOME按钮的意思是左对齐,而MISC的意思是右对齐

谢谢堆,这让我发疯!

 HTML **

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5.0//EN">
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/portfolio.css">
    </head>

    <body>

        <div class="menu">
            <ul>
                <a href="index.html">BACK</a>
                <a href="index.html">HOME</a>
                <a href="index.html">MISC</a>
                </ul>
        </div>
    </body>
</html>


 CSS **

body
{
    background-color: #ffffff;
}

.menu
{
    font-family:"HelveticaNeue-Light", "Arial";
    font-size: 75%;
    color: #1f4462;
    text-align:left;
    margin-left: -36px;
    margin-top: -3px;
    font-style: normal;
    letter-spacing: 1px;
    word-spacing: 3px;
}

a:link
{
    color:#1f4462;
    text-decoration:none;
}

a:visited
{
    color:#1f4462;
    text-decoration:none;
}

a:hover
{
    color:#1f4462;
    text-decoration:none;
}

a:active
{
    color:#1f4462;
    text-decoration:none;
}

最佳答案

将以下CSS添加到链接中。 Demo

#left{
    float:left;
}

#center{
    position: absolute;
    left: 48%;
}

#right{
    float:right;
}

关于html - 我需要在同一div,CSS HTML中左右对齐文本的帮助,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18698720/

10-12 14:20
查看更多