Question

我想提高引号，但每当我添加填充或边距底部没有任何反应时，似乎父代不包含子代。我已经尝试了边界实体，内联块，当边缘崩溃但没有任何效果时我知道要使用的一切

＆＃13;

blockquote {
  float: right;
  padding-right: 50px;
  padding-top: 170px;
  font-size: 22px;
  color: #B08177;
  overflow: hidden;
  margin: 0 0;
  border: solid;
  box-sizing: border-box;
  height: 209px;
}

.fa {
  font-size: 5px;
}

.fa-quote-left {
  padding-bottom: 20px;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />

<blockquote>

  <i class="fa fa-quote-left" aria-hidden="true"></i> My Text!
  <i class="fa fa-quote-right" aria-hidden="true"></i>

</blockquote>

＆＃13;

Answer 1

blockquote {
  float: right;
  padding-right: 50px;
  padding-top: 170px;
  font-size: 22px;
  color: #B08177;
  overflow: hidden;
  margin: 0 0;
  border: solid;
  box-sizing: border-box;
  height: 209px;
}

.fa {
  font-size: 5px;
}

.fa-quote-left {
  bottom:12px;
  position:relative;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />

<blockquote>

  <i class="fa fa-quote-left" aria-hidden="true"></i> My Text!
  <i class="fa fa-quote-right" aria-hidden="true"></i>

</blockquote>

折叠边距的填充/边距问题

1 个答案: