0
私はそれを見てきましたが、私のコードでエラーを理解することはできません...私のulにはデフォルトでtext-align: right
があります。私の<ul></ul>は、私のH3(コーデプンコードが含まれています)に正しく整列しません
私のコードスニペット:
footer {
background-color: #444444;
padding-top: 50px;
padding-bottom: 20px;
}
.info {
margin: 0 auto;
width: 50%;
padding-bottom: 30px;
}
.info div {
display: inline-block;
width: 33%;
vertical-align: top;
color: white;
}
footer div ul {
padding-top: 20px;
}
footer div ul li {
line-height: 1.7em;
font-family: 'Montserrat';
list-style-type: none;
}
footer div h3 {
text-transform: uppercase;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
opacity: 0.9;
}
footer input {
display: block;
}
.underline {
margin-top: 20px;
margin-bottom: 20px;
height: 1px;
background-color: white;
width: 100%;
/*margin:auto;*/
}
<footer>
<section class="info">
<article>
<div>
<h3>About</h3>
<div class="underline"></div>
<ul>
<li>Contact</li>
<li>Features</li>
</ul>
</div>
<div>
<h3>Explore</h3>
<div class="underline"></div>
<ul>
<li>Designers</li>
<li>Journal</li>
</ul>
</div>
<div>
<h3>Connect</h3>
<div class="underline"></div>
<input type="text">
</div>
</article>
<article class="end">
</article>
</section>
</footer>
ここでは私のcodepenコードへのリンクです:
https://codepen.io/teenicarus/pen/Ngabex
私はすべての回答に感謝します!