HTML Line Bottom

From CoderLearner
Jump to: navigation, search

Description

Create the horizontal line at the bottom of the box by using CSS.

Example 1

<!DOCTYPE html>
<html>
   <head>
      <title>bottom</title>
      <style>
         #dv_bottom {
            border-bottom: thick solid #00F;
            width:400px;
            height:400px;
            padding: 8px;
            background-color: burlywood;
         }
      </style>
   </head>
   <body>
      <div id="dv_bottom">
         Horizontal line at the bottom
      </div>
   </body>
</html>

Try It

Example 2

<!DOCTYPE html>
<html>
   <head>
      <title>bottom</title>
      <style>
         #dv_bottom {
            border-bottom: thick solid #00F;
            width:400px;
            height:400px;
            padding: 8px;
            background-color: burlywood;
         }
      </style>
   </head>
   <body>
      <div id="dv_bottom">
         <h3>Thailand</h3>
         <p>
            There is evidence of human habitation in Thailand that 
            has been dated at 40,000 years before the present. 
            Similar to other regions in Southeast Asia, Thailand was heavily 
            influenced by the culture and religions of India, starting with the 
            Kingdom of Funan around the 1st century CE to the Khmer Empire.
         </p>
         <p>
            After the fall of the Khmer Empire in the 13th century, 
            various states thrived there, such as the various Tai, Mon, Khmer 
            and Malay kingdoms, as seen through the numerous archaeological 
            sites and artifacts that are scattered throughout the Siamese 
            landscape. Prior to the 12th century however, the first Thai 
            or Siamese state is traditionally considered to be the Buddhist 
            kingdom of Sukhothai, which was founded in 1238.
         </p>
      </div>
   </body>
</html>

Try It

<seo metagenerator="HTML LINE" title="HTML LINE Tutorial" metakeywords="HTML line, line top, html line top, html line bottom, html line right, html line left, html make column" metadescription="HTML Tutorial, HTML Line TUtorial, HTML column tutorial"/>