如何放大此文本垂直区域并减去其水平区域？

Question

所以说我有这个：

我想让蓝/紫色文字横向变小，垂直变大。救命？一些代码可能有所帮助：

＆＃13;

＆＃13;

.n {
  color: #7986cb;
  text-decoration: none;
  outline: none;
  top: -10px;
  transition: all .2s ease-in;
  font-size: 20px;
  font-style: oblique;
}
.n:hover {
  color: #3f51b5;
}
.mc {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  text-align: center;
  display: inline-block;
  outline-width: 50px;
}

＆＃13;

<section class="mc">
  <a class="n">O sociólogo francês Emile Durkheim estuda a sociedade como um organismo. É preciso que tomemos cuidado com todos órgãos de nossa sociedade, façamos com que eles trabalhem em conjunto, pois, se um deles possui dificuldades, isso virá a afetar todo o funcionamento da mesma. Pequenos atos serão os primeiros passos para manter nosso organismo saudável e nutrido.</a>
</section>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以通过更改该部分的width来实现这一目标：

.mc {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  text-align: center;
  display: inline-block;
  outline-width: 50px;
  width: 500px;
}

Fiddle