如何使用CSS在段落的单词顶部和底部放置小文本?

时间:2018-07-02 22:48:34

标签: html css

我想知道如何使用CSS在文字的顶部和底部放置一个单词?很难说出来,所以我对我的意思做了一个粗略的印象

See here.

如您所见,“我叫Marwan,今年20岁。” part只是大字体的网页上的普通段落,uppertext和bottomtext是小字体,段落中的单词会自动在它们之间留出所需的空间,因此,uppertext和bottomtext始终在中间对齐。但是,该段未对齐,取决于语言,是LTR还是RTL。

我不知道如何成功实现它。任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:2)

这是您要尝试的吗? https://codepen.io/anon/pen/JZzMjL

我刚刚创建了一个带有try: foo() except ZeroDivisionError as e: import sys raise MyCustomException, MyCustomException(e), sys.exc_info()[2] 的父div,并且在该div中为文本的每个部分创建了div。这将确保所有文本居中。

text-align: center;
.row-wrap {
  text-align: center;
  float: left;
  margin: 0 10px;
}

.row-middle {
  font-size: 30px;
}