1
ウェブサイトのメインページを作成しようとするときに問題が発生しました。私は冒頭にあり、私はどのようにそれを行うには手がかりがありません。基本的に私は、他のテキストの上にいくつかのテキストを持っていますが、それを読むことができます。私はそれをモバイルレスポンシブにしようとしています、そして、私が今持っているものはちょうど正しく見えません。ページの中央にあるテキストを中央に中央に配置
<p>Hello, there!</p>
インタラクティブデザインの学生。
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Work</a></li>
<li role="presentation"><a href="#">Get In Touch</a></li>
</ul>
と私のCSSは
h1 {
left: 0;
margin: auto;
margin-top: -100px;
position: absolute;
top: 50%;
width: 100%;
z-index: 100;
font-size: 51px;
padding-top: 80px;
margin: 15px;
}
p {
left: 0;
line-height: 200px;
margin: auto;
margin-top: -100px;
position: absolute;
top: 50%;
width: 100%;
color: #232324;
font-size: 160px;
margin:15px;
}
人は試してみて、それがどのように動作するかを確認し、それのお手伝いをしようとすることができますので、あなたが興味のある人のために... –
セミ正確なデモをcodepenを作成する場合、それは良いでしょう:https://jsfiddle.net/nxgL09z1/ –
Photoshopで画像を作成し、正確に何を表示したいのですか? –