Home/ Questions/Q 513199
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T07:23:52+00:00

I want to create a <div> which has a Label/Header displayed in Capitals letters.

  • 0

I want to create a <div> which has a Label/Header displayed in Capitals letters. The <div> is 250px wide.

Inside the <div>, I will place another <div> which will contain controls. This inner <div> should be center aligned and the outer <div> should automatically increase its height to accommodate the controls height.

The outer <div> and inner <div> should have a border.

Is this possible with CSS?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    im not sure what you are asking but maybe this will help?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>example</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style>
            div#wrapper { display:block; width:250px; height:auto; margin:auto; padding:0; border:1px solid #F00; }
            div#wrapper h1 { text-transform:uppercase; text-align:center; }
            div#controls { display:block; width:100%; height:100px; margin:0; padding:0; border:1px solid #000; text-align:center; }
            div#controls a { display:inline; margin:0 5px; line-height:100px; }
        </style>
    </head>
    <body>
        <div id="wrapper">  
            <h1>header</h1>
            <div id="controls">
                <a href="#">control</a>
                <a href="#">control</a>
                <a href="#">control</a>
            </div>
        </div>
    </body>
</html>
    • 0