css
对文字的布局上没有靠容器底部对齐的参数，目前
使用
的一个不错的方法也比较好.就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近
div
低部对齐，并且靠近的距离还可以精确到像素，自己可以调节，是不是很不错呢?
<!DOCTYPE
HTML
PUBLIC "-//W3C//DTD
HTML
4.01 Transitional//EN" "http://www.w3.org/TR/
html
4/loose.dtd"> <
html
> <head> <meta http-equiv="Content-Type" content="text/ht
border-right:1px solid #f00;
border-top: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
我有浮动左和浮动右<
div
>嵌套在浅蓝色框
div
中，如下图所示。我不知道如何在它们之间插入
一条
垂直线(如下图所示：http://screencast.com/t/0bRNOmjeE，因为我的sub-10声誉，所以SO不会让我嵌入)具有以下属性：1)我可以控制或看起来合理的任何一侧的填充/边距(即，与其他
div
不太接近一个
div
)2)如图所示留下上方和下方的边缘，即不延伸浅蓝色
div
的...
在这个例子中，我们创建了一个名为 vertical-line 的
CSS
类，它
使用
border-left 属性来创建
一条
竖线
。你可以通过调整 border-left 的值来改变线的粗细和颜色，通过调整 height 的值来改变线的高度，以及通过调整 top 的值来改变线的垂直位置。然后在
HTML
中，我们
使用
一个
div
元素并应用这个类来在页面上显示这条线。
我为想要探索参与开源的每个人创建了这个项目。 该项目的灵感来自于和上届Connect Asia 2019上演讲。
现在是十月，让我们庆祝开源！
我正在与一起参与创建此项目。 Hacktoberfest是Digital Ocean的年度活动，旨在提高人们对开源的认识。 正如他们的网站所说：
Hacktoberfest:registered:向我们全球社区的所有人开放。 无论您是开发人员，正在学习编码的学生，活动主持人还是任何规模的公司，您都可以帮助推动开源的发展并为不断发展的社区做出积极贡献。 鼓励所有背景和技能水平来完成挑战。
要参与该项目，您必须
使用
HTML
和
CSS
绘制
表情符号并创建拉取请求。
使用
您的姓名作为ID创建一个
div
。
选择一个表情符号来制作。
使用
HTML
和
CSS
编写表情符号的
div
表示。 您可以从获得灵感。
创建一个分支，推送您的工作并创建一个拉取请求。 最重要的是，
HTML
没有直接写
竖线
的专用标记，
使用
来做
竖线
有局限性，所以
竖线
只能通过表格table来实现。有2种方法可以写
竖线
，你可任选一种，例如要高90像素的
竖线
：1.代码如：内容效果如： 内容 2.代码如：内容效果如：
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta htt...
