Question

我无法获得口号！（id h2）提高图片。 h1非常好，但不是h2。我是CSS，HTML和Stackoverflow的新手，如果它可以做任何事情。我提前感谢你的帮助。

HTML：

<html>
<head>
    <link href="HomePage.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Icon">
    <div id="h1">Name</div>
    <img src="RightArrow.jpg" class="img-circle">
    <div id="h2">Slogan!</div>
</div>

CSS：

#h1{
    line-height:120px;/*to lower it*/
    position:absolute;
    left:-150px;
    font-size:38.5px;
}

#h2{
    line-height:-300px/*to raise it*/
    position:absolute;
    right:400px;
    font-size:38.5px;
}

#Icon{
    position:relative;
    margin-top:25px;
    margin-bottom:100px;
    margin-left:600px;
}

Answer 1

不应使用线高移动任何东西。使用相对或绝对定位。但是，这是一个更简单的解决方案：

<html>
<head>
    <link href="HomePage.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Icon">
    <div id="h1">Name</div>
    <div id="h2">Slogan!</div>
    <img src="RightArrow.jpg" class="img-circle">
</div>

Answer 2

你到底想做什么？
上面的图像可以通过

完成

<div id="h2">Slogan!</div>
<img src="RightArrow.jpg" class="img-circle">

我没有得到你想做的事情？
请更加明确您的要求...

我无法让div向上移动

2 个答案: