کمک برای تغییر در کد css

saman2X · Feb 13, 2019

سلام
می خوام تمام محتویات این کلاس وسط باشن
هر کدی تست می کنم جواب نمیده
کسی می تونه کمک کنه

کد:

.related-posts {float:right;width:33.3%;text-align:center;min-height:160px;margin:2px;background:#fff;border-bottom:1px solid #eee;}

the_king · Feb 13, 2019

saman2X گفت:
سلام
می خوام تمام محتویات این کلاس وسط باشن
هر کدی تست می کنم جواب نمیده
کسی می تونه کمک کنه

کد:

.related-posts {float:right;width:33.3%;text-align:center;min-height:160px;margin:2px;background:#fff;border-bottom:1px solid #eee;}

HTML:

<!DOCTYPE html>
<html>
<head>
<style>
.related-posts-container {text-align: center;}
.related-posts {float:none; width:33.3%; text-align:center; min-height:160px; margin:2px; background:#fff; border-bottom:1px solid #eee; display: inline-block;}
</style>
</head>
<body>
<div class="related-posts-container">
<p class="related-posts">
This is a sample.
</p>
</div>
</body>
</html>

saman2X · Feb 16, 2019

the_king گفت:

HTML:

<!DOCTYPE html>
<html>
<head>
<style>
.related-posts-container {text-align: center;}
.related-posts {float:none; width:33.3%; text-align:center; min-height:160px; margin:2px; background:#fff; border-bottom:1px solid #eee; display: inline-block;}
</style>
</head>
<body>
<div class="related-posts-container">
<p class="related-posts">
This is a sample.
</p>
</div>
</body>
</html>

ممنون از لطف شما
درست شد

nicmovie.ir · Mar 6, 2019

saman2X گفت:
سلام
می خوام تمام محتویات این کلاس وسط باشن
هر کدی تست می کنم جواب نمیده
کسی می تونه کمک کنه

کد:

.related-posts {float:right;width:33.3%;text-align:center;min-height:160px;margin:2px;background:#fff;border-bottom:1px solid #eee;}

سلام یکم سوالتون گنگه . برای این کار می تونید از text-align: center استفاده کنید