设计的 HTML CSS 提示

Question

首先，如果这里不鼓励此类问题，我很抱歉，但我真的很困惑如何将其作为建设性问题发布。所以，请耐心等待 :D

我正在尝试创建一个看起来像这样的博客:

_{(来源:hongkiat.com)}

我可以通过一些点击和尝试在 CSS 中实现这一点，但是如果我想让“蜡笔小新的生活”出现在同一个 h1 中，我不知道如何做到这一点。有什么提示吗？谢谢!

编辑:我不打算包含图片，这很重要。此外，不需要 IE<9 支持

Answer 1

我会在标题内添加一个换行符，设置缩进以便在第二行之前有间距，然后将导航向上移动。

<h1>A Crayon's <br> Life</h1>
<ul>
    <li>illustrations</li>
    <li>web design</li>
    <li>etc.</li>    
    <li>etc.</li>
</ul>

h1 {
    padding-left: 150px;
    text-indent: -150px;
}

ul {
    position: relative;
    top: -50px;
}

Demo

根据需要设置像素值。