上面是图片效果,下面是简单的实现代码!最后面有素材图片一张!仅供参考!
<!DOCTYPE html
>
<
html
lang=
"en"
>
<
head
>
<
meta
charset=
"UTF-8"
>
<
meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<
meta
http-equiv=
"X-UA-Compatible"
content=
"ie=edge"
>
<
title
>Document
</
title
>
<
style
>
.p {
padding:
20px;
height:
302px;
width:
602px;
border:
1px
solid
black;
line-height:
24px;
}
.p img {
float:
left;
}
.p p {
width:
394px;
margin-top:
0px;
margin-left:
20px;
float:
left;
font-size:
14px;
line-height:
24px
}
<
/
style
>
</
head
>
<
body
>
<
div
class=
"p"
>
<
img
src=
"demo.png"
alt=
"可爱"
>
<
p
>
爱,是两个人的事,彼此信任,方可长久。
这个世界对我很公平,让我在千里之外还能牵挂你,这或许是我前世修来的福以至于今生遇见你。距上次见面后已经有两月时间,我不知道你是否想过我?是否心里牵挂我?或许有,或许没有,无所谓,我不在乎你的这些,因为有我想你就够了。
自从给你过完生日后,我回来都在想一个问题,我该如何来爱你?
但到现在我都没有想明白,或许我对你的了解太少了,我不知道该如何爱你,因为我不想自私的去爱你!
<
br
>
只想和你快乐的相爱。
</
p
>
</
div
>
</
body
>
</
html
>