gpt4 book ai didi

html - 矩形下的 CSS 三 Angular 形

转载 作者:太空宇宙 更新时间:2023-11-04 13:37:41 24 4
gpt4 key购买 nike

<分区>

enter image description here

这就是我想要的。目前我只有一个矩形,里面有文字。不知道如何在它下面创建这个矩形。

代码:

.txt_First {
font-size:0.8em;
text-align: justify;
padding-bottom:20px;
}
.com_box {
width:60px;
height: 50px;
background: black;
color:white;
float:left;
display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
margin-right:8px;
margin-bottom: 5px;
margin-top:1px;
}

HTML:

<div class="com_box">71</div>
<div class="txt_First">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>

这是 jsfiddle:http://jsfiddle.net/wrm4y8k6/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com