ページのロゴ中心を2行に入れたい

Question

格子状にしたい5.5-1-5.5私はそのページの中央にロゴを入れたいと思っていますし、左側の2行は&でしょうか？ （私の英語は良くありません）

Answer 1

flexとpseudos行います：

.lines { 
 
    display: flex; 
 
    align-items: center; 
 
} 
 

 
.lines:before, 
 
.lines:after { 
 
    content: ''; 
 
    border: 4px solid black; 
 
    flex: 1; 
 
} 
 

 
img { 
 
    margin: 0 1em; 
 
    border-radius:50%; 
 
}

<div class="lines"><img src="http://dummyimage.com/150x150&text=logo"></div>

Answer 2

そうのような背景を使用していないのはなぜ？

.background{ 
 
    display: flex; 
 
    align-content: center; 
 
    justify-content: center; 
 
    background: url('https://i.imgur.com/kBiG6ql.png') center repeat-x; 
 
}

<div class="background"> 
 
    <img class="logo" src="https://i.imgur.com/h4J7ZvW.png"/> 
 
</div>