html如何让文字对其？看图

Question

它的代码是这样的

<div>
                                <strong>账单备注：</strong>
                                <span ng-bind="b.billRemark"></span>
                            </div>

想让 帐单备注 下面的文字往右边 缩掉。

Answer 1

楼上的答案可以
然后还有就是用css设置
标题这块用一个div包起来（例子随便写的 别介意太丑。。。）

<div class="left">
        <span>账单备注:</span>
        左有韦尔奇翁吗，群翁群翁驱蚊器翁。群二群二去玩儿去玩儿去，玩恶趣味去玩儿去玩儿去。玩恶趣味切尔奇翁群翁群翁群翁奥德赛大家都大大所多阿打算</div>

然后设置css样式

        .left{
            float:left;
            width:158px;
            height:348px;
            background:#FFFFFF;
            border:1px solid #B8D9E9;
            position: relative;
            padding-left: 70px;
        }
        span{
            display: block;
            position: absolute;
            left: 0;


        }

上面代码的意思是将含有标题的那个span设置为块元素
然后相对于父元素left 固定在左边
然后设置父元素left设置padding-left使得内容向右压缩 就可以了

Answer 2

分两个div .title .contain左右结构

Answer 3

估计楼主这个得用html嵌套来实现--单纯的用css估计是不行，frist-letter只对首字母有效，我不知道还有没有其他方法。正如楼主例子这样：

<strong>账单备注：</strong>
<p>后面的文字...</p>

strong为行内块，高度100%。p标签为行内块，设置行高，宽度，高度，外层父元素也要设置高宽（如果内层p标签没有设置固定宽高，则div要设置），是可以出来效果的

Answer 4

这样写起来比较麻烦，你把内容再单独写到一个容器里。
像这样

.contentWrap{
 margin-left:20px;
}
<span>账单备注：</span>
<div class='contentWrap'>内容。。。。</div>

Answer 5

<div style="border: 1px solid #000;">
        <div style="display: inline-block;vertical-align: top;border: 1px solid #000;">111</div>
        <div style="display: inline-block;
            width:158px;
            height:348px;border: 1px solid #000;">大叔大婶大所大所大所大所大所</div>
    </div>