求助请问css如何设置这种文字排版方式?

【例子】
<style>
p {
line-height: 2; /* 修改这里，2是“两倍”的意思 */
text-align:center;
font-weight:300;
font-famply:"思源黑体 CN"; /* 根据标准，顿号占一个字宽度 */
}
</style>
<p>
从澳洲到南美洲<br>
从地中海到北美大陆<br>
18个不同气候、不同国家的坚果<br>
下略
</p>

"不过个别几行div的字体在css中设置显示不出来，需要单独回到HTML那里设置才能显示"
请尽可能用CSS定义字体等，如果发现不好使，则为你的选择器优先级不够优先（用“!important”也行，但建议少用）

<style>
.row{margin:1% 0;overflow:auto}
.col{float:left}
.c12{width:100%}
.c11{width:91.66%}
.c10{width:83.33%}
.c9{width:75%}
.c8{width:66.66%}
.c7{width:58.33%}
.c6{width:50%}
.c5{width:41.66%}
.c4{width:33.33%}
.c3{width:25%}
.c2{width:16.66%}
.c1{width:8.33%}
</style>
<div class="row">
<div class="col c6">左侧</div>
<div class="col c6">右侧</div>
</div>

.col{float:left; /*border:1px solid; */box-sizing: border-box;}