كيفية توسيط div بداخل div
أريد أن أعرف كيف أقوم بتوسيط div بداخل div آخر باستخدام Css؟
<div class="a">
<div class="b">asdasd</div>
</div>
يوجد العديد من الطرق، وذلك يعتمد على النمط الذي تقوم باستخدامه في العرض Flex أو Grid أو حسب توزع العناصر ضمن الصفحة. ولكن أسهل طريقة في حال لم تكن تستخدم بنية محددة ولسرعة التوسيط يمكنك استخدام margin: auto مثال:
<!DOCTYPE html>
<html>
<head>
<style>
.center {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
</style>
</head>
<body>
<div style="background-color:yellow">
<div class="center">Hello World!<
