Home/ Questions/Q 8530187
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T09:12:08+00:00

Possible Duplicate: CSS styling – how to put these two div boxes adjacent I

  • 0

Possible Duplicate:
CSS styling – how to put these two div boxes adjacent

I have to 2 paragraphs:

Para 1

Para 2

How can I make it appear like:

Para1   Para2

Both in their own space and box.

This is what I want.

   <div>
  <div class="block" id="profile">
  <h3>Professional Profile</h3>
  <p>Knowledge in all aspects of web application development. 
  My Skills to solve programming errors gets the job
  faster. Proficient in performance tuning database applications.</p>
  </div>

What do I do in here?

  <div class="block" id ="contact">
  <p>
  <h3> Contact</h3>
  <address>Written by W3Schools.com<br /><a href="mailto:rjohn5854@howardcc.edu">
  Email Me!!!</a><br />Address: Box 3223,City<br />Phone:6750</address>
  <p>
  </div>
  </div>

CSS


  div.block p  {
      display: inline-block;    
        }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In your css:

    .align-profile,
.align-contact
{
   display: inline-block;
   vertical-align: top; //also can try other align settings
   width: 45%;
}

.align-contact
{
   margin-left: 30px; //also try depending on the spacing you want between them
}

    In your html:

    <div class="align-profile">
   <h2>Profile</h2>
   para1
</div>
<div class="align-contact">
   <h2>Contact</h2>
   para2
</div>

    Note div’s or paragraphs must be aligned to have this happen. If you put a div inside a div or a paragraph inside a paragraph it will not work.

    • 0