- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How do I center tag using CSS?
Example
<html>
<head>
<title>div in center without css</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>
Example
<html>
<head>
<title>div in center with css</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;
}If you want to text is also center in the box.then write text-align:center in .mydiv class within CSS file.
Updated on 21-Jun-2020 14:19:24
- Related Questions & Answers
- How do we style HTML elements using the division tag <div>?
- Center Triangle at Bottom of Div in HTML with CSS
- How to center a div on the screen using jQuery?
- How to replace innerHTML of a div tag using jQuery?
- How to get innerHTML of a div tag using jQuery?
- HTML <center> Tag
- How to horizontally center a <div> in another <div>?
- How do I get a parent HTML Tag with Selenium WebDriver using Java?
- How to make a div center align in HTML?
- How to find anchor tag in div and add class using jQuery?
- How do I center the text in a Tkinter Text widget?
- How to position horizontal scroll bar at center of DIV?
- Rotate div with Matrix transforms using CSS
- Rotate div with skew x-axis using CSS
- Rotate div with skew y-axis using CSS
Advertisements
Example
<html> <head> <title>div in center without css</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>
Example
<html> <head> <title>div in center with css</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;
}If you want to text is also center in the box.then write text-align:center in .mydiv class within CSS file.
Updated on 21-Jun-2020 14:19:24
- Related Questions & Answers
- How do we style HTML elements using the division tag <div>?
- Center Triangle at Bottom of Div in HTML with CSS
- How to center a div on the screen using jQuery?
- How to replace innerHTML of a div tag using jQuery?
- How to get innerHTML of a div tag using jQuery?
- HTML <center> Tag
- How to horizontally center a <div> in another <div>?
- How do I get a parent HTML Tag with Selenium WebDriver using Java?
- How to make a div center align in HTML?
- How to find anchor tag in div and add class using jQuery?
- How do I center the text in a Tkinter Text widget?
- How to position horizontal scroll bar at center of DIV?
- Rotate div with Matrix transforms using CSS
- Rotate div with skew x-axis using CSS
- Rotate div with skew y-axis using CSS
Advertisements