タイトルは中央になりません

私のタイトルは中央になりません。あなたが見ることができるように、サブタイトルは大丈夫ですが、タイトルは左のほうです。これをどうすれば解決できますか？ウェブサイトリンク：http://st358373.cmd16c.cmi.hanze.nl/portfolio.html タイトルは中央になりません

HTML：

<div class="titel">Portfolio</div> 
<div class="subtitel">Hier is een selectie van recentelijk werk.</div>

CSS：基本的に

.titel { 
    font-family: Raleway; 
    font-size: 52px; 
    color:  #3b3d40; 
    text-align: center; 
    font-weight: 700; 
    margin-top: 20px; 
    display:  block; 
} 

.subtitel { 
    font-family: Adobe Caslon Pro; 
    font-size:  18px; 
    text-align: center; 
    margin-top: 40px; 
    margin-bottom: 50px; 
}

出典

2017-01-16 Anonymous

あなたのソーシャルメディアのアイコンがそれを超える推進している確認してください。 –

ソーシャルアイコンコンテナなしでコードが正しく実行され、テストされたばかりです – SergioAMG

あなたのウェブサイトの問題は、ソーシャルアイコンが右側に浮かび上がっていることです。したがって、タイトルコンテナをクリアする必要があります。そのために、あなたがする必要があるすべては参考のためにあなたの.titel

ためclear: right;を追加することで、MDN documentation on the clear property

出典

2017-01-16 19:38:05

-1

、予想通り、仕事スニペットを見てとる必要があります。

.titel { 
 
    font-family: Raleway; 
 
    font-size: 52px; 
 
    color: #3b3d40; 
 
    text-align: center; 
 
    font-weight: 700; 
 
    margin-top: 20px; 
 
    display: block; 
 
} 
 

 
.subtitel { 
 
    font-family: Adobe Caslon Pro; 
 
    font-size: 18px; 
 
    text-align: center; 
 
    margin-top: 40px; 
 
    margin-bottom: 50px; 
 
}

<div class="titel">Portfolio</div> 
 
<div class="subtitel">Hier is een selectie van recentelijk werk.</div>

を

また、次のように.titelを作ってみることができます。

display: inline-block; 
width: 100%;

もう一つの方法は、divの.social下<div style="clear:both"></div>を追加することです。

出典

2017-01-16 19:37:36

.titel { 
 
    font-family: Raleway; 
 
    font-size: 52px; 
 
    color: #3b3d40; 
 
} 
 

 
.subtitel { 
 
    font-family: Adobe Caslon Pro; 
 
    font-size: 18px; 
 
} 
 

 
.center { 
 
    position: absolute; 
 
    top: 50%; 
 
    left: 50%; 
 
    transform: translate(-50%, -50%); 
 
    -ms-transform: translate(-50%, -50%); /* IE 9 */ 
 
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ 
 
    text-align: center; 
 
}

<body> 
 
    <div class="center"> 
 
    <div class="titel">Portfolio</div> 
 
    <div class="subtitel">Hier is een selectie van recentelijk werk.</div> 
 
    </div> 
 
</body>

出典

2017-09-28 18:04:17 antelove

タイトルは中央になりません

答えて

関連する問題