How to "create a Div that does NOT start on a new line, after a header?"

31 Views Asked by At

I'm relatively new here and I feel like the solution is so simple that I am just not seeing it.

    #GeneralTextBox02{ 
    background: #ddd;
    display: inline-block; 
    height: 100px;
    padding: 15px;
    vertical-align: bottom;
    width: 100px;
    }
    <html>
    <head>
    <title>??????? </title>
    <link rel="stylesheet"
    href="style.css">
    </head>
    <body>
  
    <h2>#1 </h2> 

    <div id="GeneralTextBox02">(Testing)</div>

    <script src="script.js">
    </script>
    </body>
    </html>

My question is simple, in my view: (A) I have a "#1" for a header. (B) And then NEXT TO IT; i'd like to have my general text box. a box i can fill in with content, and right next to it will be a big ol #1. (B.1) but the final product is NOT showing the text box next to the header of #1. (C) id like, the ability to have a header that i can change (#1, #2, #3) and "resize #1 #2 #3 overtime" to be the same size as "whatever size the text box next to it is" and so: "i need the #1, next, to the text box."

And i feel like i'm missing something. I don't have a <br> or a <p> </p> and yet its not showing up next to one another! I'm still extremely new so i feel like it's so simple that i'm just missing it. but does anyone know how to get the text box next to the number?

-Scholah

0

There are 0 best solutions below