im having trouble with aligning menu divisions

Question

<div id="dvMenu">
<div class="Menu">
home this is the home div
</div>
<div class="Menu" align="left" >
About you can contact us
</div>
<div class="Menu" align="right" >
Contact Us by email address also
</div>
</div>

i want these div to be align right next to each other but its not working.

CSS for it...............

#dvMenu {
background-color:darkolivegreen;
border: 2px;

}

.Menu{
width:33%;
float:left; }
.class{
width: 33%;
float:left;
}

can anyone correct me here

Answer 1

Hi Noman, why don't you use the a table to align them?
By the way, you use three times the same class name "Menu". This won't work correctly.

Answer 2

I did code is better now thank you for your advice Quentin

Answer 3

Great to hear that! You're welcome!

Answer 4

yeah thanks for I should change it asap .

Answer 5

Please let me know if you can figure out the issue. 😉