1

我正在尝试用其中的图像对这段文本进行编码，但由于某种原因，它对我不起作用。使用 CSS 实现这一点的最佳方法是什么？谢谢你们！

更新

这就是我遇到的问题是下划线标题 http://jsfiddle.net/C2kqR/

.block h3{
    margin-bottom: 0.6em;
    margin-top: 0;
    color: #c80006;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 1.2em;
    font-family: 'Signika', sans-serif;
    text-rendering: optimizeLegibility;

}

.heading {
    margin-bottom: 20px;
    color: #c80006
}

.aleft {
    float:left; 
    margin:0 2em 0 0 !important;
}

.hr-line-full {
    width: 100%;
    margin: 22px 0 35px;
    display: block;
    border-top: 1px solid #dedede
}
4

2 回答 2

3

看看这个小提琴

CSS：

img{
    float:left;
    margin:0 10px 10px 0;
}

只要文本和图像在父容器中，只需将图像向左浮动以使文本环绕它。要将它与文本分开，给它一个边距，瞧！

于 2013-11-14T10:06:31.003 回答
2

我为您提供了一个解决方案，您可以在其中删除hr您尝试模仿的元素，而将border其用于h3.

将 CSS 更改为.heading：

.heading {
    margin-bottom: 34px;
    padding-bottom: 24px;
    color: #c80006;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
}

在这里提琴

于 2013-11-14T10:27:08.067 回答