900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html两个布局并列居中 CSS布局-将两个div并排居中并对齐

html两个布局并列居中 CSS布局-将两个div并排居中并对齐

时间:2022-06-28 22:10:33

相关推荐

html两个布局并列居中 CSS布局-将两个div并排居中并对齐

我试图在标签内并排对齐两个社交按钮

文本对齐:居中不适用于按钮,也不浮动:左或浮动:右

HTML:

COPYRIGHT

Medialock Inc.

/medialock

/medialock

CSS:

/*FOOTER*/

footer{

background: #333;

color: #ccc;

text-align: center;

float: center;

padding: 20px 0;

}

footer ul{

margin:0 0 0 8%;

padding:0;

}

/* Footer social links */

.social-fb {

width: 400px;

padding: 20px;

overflow: hidden;

}

.social-fb img, .social-fb h3 {

float: left;

width: 13%;

line-height: 1em;

margin-right: 15px;

}

.social-tw {

width: 400px;

padding: 20px;

overflow: hidden;

}

.social-tw img, .social-tw h3 {

float: left;

width: 13%;

line-height: 1em;

margin-right: 15px;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。