![Trending Articles on Technical and Non Technical topics](/images/trending_categories.jpeg)
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 2415 Articles for HTML
How to horizontally center a in another
Updated on 22-Dec-2021 06:36:55
212 Views
Here I have one html form and one css file(style.css).”o-div” is the outer div and “i-div“is the inner div class.Example
center a div
I am OUTER DIV
I am INNER DIV,
I am in Center
OutputI am OUTER DIV
I am INNER DIV, I am in CenterStyle.cssbody {
background-color:Gray;
padding:30px;
}
.o-div {
padding:50px;
background-color:Lime;
}
.i-div {
background-color:Fuchsia;
max-width:400px;
height:200px;
margin: 0 auto;
text-align:center;
}
![Arnab Chakraborty](https://www.tutorialspoint.com/assets/profiles/32020/profile/60_153038-1524898298.jpg)
212 Views
Here I have one html form and one css file(style.css).”o-div” is the outer div and “i-div“is the inner div class.Example center a div I am OUTER DIV I am INNER DIV, I am in Center OutputI am OUTER DIV I am INNER DIV, I am in CenterStyle.cssbody { background-color:Gray; padding:30px; } .o-div { padding:50px; background-color:Lime; } .i-div { background-color:Fuchsia; max-width:400px; height:200px; margin: 0 auto; text-align:center; }
![Bhanu Priya](https://www.tutorialspoint.com/assets/profiles/314653/profile/60_78287-1615027882.jpg)
271 Views
First of all, let us try to understand what controls are. Controls define the appearance and behavior of screen areas. It consists of Control name. What is SAPUI5? It is a framework used to develop web applications in mobile and desktop where a large collection of JS libraries are present. But these JS libraries cannot be used alone. They have to be integrated into CSS along with JS for developing interactive internet applications. SAP can be customized and also builds its own UI components like, layouts, controls etc. Because of its extensive features we can control and define custom ... Read More
![Bhanu Priya](https://www.tutorialspoint.com/assets/profiles/314653/profile/60_78287-1615027882.jpg)
6K+ Views
The division tag name itself indicates that it makes divisions, and displays layouts in web pages. The DIV tag can be applied to text, images, navigation bar etc., where a separate section can be created. This tag consists of open and close tags , and both the tags are used together if we want to divide the page. The content can be any type of data or images. DIV tags can be styled with CSS or manipulated with JavaScript, it is easily styled by using the class or id attributes. The DIV tag is called as block-level ... Read More
![Bhanu Priya](https://www.tutorialspoint.com/assets/profiles/314653/profile/60_78287-1615027882.jpg)
47K+ Views
DIV tag is nothing but a division tag, the name itself indicates that it makes divisions for the content on the web pages. It helps in separating the data like text, images, navigation bar etc., we can also create particular sections by using the DIV tag. A DIV tag consists of open and close tags , and both these tags are compulsory if we want to divide the page. DIV tags can be styled with CSS or manipulated with JavaScript, it is easily styled by using the class or id attribute. Any sort of data can be placed inside ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
2K+ Views
Height is the vertical measurement of the container, for example, height of a div.Line-height is a CSS property to specify the line height i.e. the distance from the top of the first line of text to the top of the second. It is the space between the lines of two paragraphs.ExampleYou can try to run the following code to learn the difference between height and line height:Live Demo .height { height: 20px; } .lheight ... Read More