CSS ব্যবহার করে

ট্যাগ সেন্টার করার উপায়

উদাহরণ ১: CSS ছাড়া (align এট্রিবিউট)

<html>
<head>
    <title>CSS ছাড়া div সেন্টার</title>
</head>
<body>
<div>
    THIS IS ONE PARAGRAPH. HERE WE ARE NOT USE ANY ALIGNMENT.
</div>
<div align="center" style="border: 2px solid blue">
    THIS PARAGRAPH IS IN CENTER
</div>
</body>
</html>

উদাহরণ ২: CSS ব্যবহার করে

<html>
<head>
    <title>CSS দিয়ে div সেন্টার</title>
    <link href="../../Content/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
    THIS IS ONE PARAGRAPH. HERE WE ARE NOT USE ANY ALIGNMENT.
</div>
<div class="mydiv">
    THIS PARAGRAPH IS IN CENTER
</div>
</body>
</html>

Style.css

body {
    background-color: Gray;
}
.mydiv {
    padding: 10px;
    margin: auto;
    width: 30%;
    border: 4px solid black;
}

যদি আপনি বক্সের ভেতরে টেক্সটটিও সেন্টার করতে চান, তবে CSS ফাইলের .mydiv ক্লাসে text-align:center লিখুন।