Css - вертикальное выравнивание всей ссылки (блока целиком)

Question

Подскажите пожалуйста новичку, что нужно сделать с css что-бы выровнять центральный текст не меняя условия ссылки на целый блок?

.container {
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  height: 200px;
}

.sidebar-left {
  background: red;  
}
.content{
  border: solid 1px;
overflow: hidden;
text-overflow: ellipsis;
 }
.sidebar-right {
  background: blue;
}

<div class="container">
  <div class="sidebar-left">
  </div>
    <a class="content" href="index.php">LKJHkljhlksjahf;ajshdf; kjhkhgjhgsjfhgaslfghaslkfdghlaskjfhglkasjhfglkasjhfglkajshfglkasjhgf ;jh;asjhdfklsajdhfk
  </a><div class="sidebar-right">ljh
  </div>

http://jsfiddle.net/8kxnr0qj/

Answer 1

Так?

.container {
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  height: 200px;
}

.sidebar-left {
  background: red;
}

.content {
  border: solid 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  text-align: center;
  word-break: break-word;
}

.sidebar-right {
  background: blue;
}

<div class="container">
  <div class="sidebar-left">
  </div>
  <a class="content" href="index.php">LKJHkljhlksjahf;ajshdf; kjhkhgjhgsjfhgaslfghaslkfdghlaskjfhglkasjhfglkasjhfglkajshfglkasjhgf ;jh;asjhdfklsajdhfk
  </a>
  <div class="sidebar-right">ljh
  </div>
</div>

БЛОГ НА HUSL

Css - вертикальное выравнивание всей ссылки (блока целиком)

Ответы (1 шт):