سلام دوستان خسته نباشید
ببخشید یک سوال داشتم:
من یک div دارم که ارتفاع آن ۴۰۰ پیکسل است و درون این div دو div دیگر دارم که درون دومین div یک متن قرار دارد که میخواهم این متن هم به صورت عمودی هم افقی
در مرکز قرار بگیرد. برای وسط چین افقی مشکلی ندارم اما نمی دونم چطور میتونم عمودی هم راست چین کنم.
خب البته من میتونم margin-top بهش بدم اما به نظرم میاید این روش راه درستی نیست . چون برای رسپانسیو کردن سایت مشکل درست می کنه
این کد منه
ممکنه اگه زحمتی نیست راهنمایی بفرمایید:
کد HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css" media="screen">
.parent{
height: 400px;
border: solid blue;
}
.put-me-center{
text-align: center;
vertical-align: middle;
}
</style>
</head>
<body>
<div class="parent">
<div class="child1">
با من کاری نداشته باش من نمی خواهم وسط باشم
</div>
<div class="put-me-center">
<span>
مرا هم عمودی هم افقی در وسط بگذار
</span>
</div>
</div>
</body>
</html>
همان طور که میبینید من سعی کرده ام با vertival-align وسط چین عمودی می کنم اما نتوانسته ام
خیلی ممنون میشوم راهنمایی بفرمایید