Solved

Text not aligning in Div

Posted on 2013-06-22
2
319 Views
Last Modified: 2013-06-22
I have a page where the text is in a div.  The text needs to be in the center with align left.
Here is the css.

.PO {
      width: 860px;
      height: 49px;
      margin: 50px 0px 25px 20px;
      font-size: 40px;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      background-image: url(Images/Page_Backgrounds/RestStripe.png);
      background-repeat:no-repeat;
}

This is the code.
<div id="PlaceOrder" class="PO" >Order From <?PHP echo $RestName ?></div>

Open in new window


This is the page.
www.menuhead.com/makeorder.php
0
Comment
Question by:DS928
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 15

Accepted Solution

by:
Jagadishwor Dulal earned 500 total points
ID: 39268945
You mean you want to centralized with background?

see example:

.PO {
    background-image: url("Images/Page_Backgrounds/RestStripe.png");
    background-repeat: no-repeat;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 40px;
    font-weight: bold;
    height: 49px;
    margin: 50px 0 25px 20px;
    padding: 14px 0 0 10px;
    width: 860px;
}

Open in new window

0
 

Author Closing Comment

by:DS928
ID: 39268960
Thats it!  Thank you so much!
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

729 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question