css for mozila and css for chrome

I would like to ask about a centering problem i have with a <p> on mozilla and firefox. You know, it looks nice on chrome but not on mozilla.

Here the css I'm trying to tweak:

.center-bottom, -moz-div.center-bottom  {
  align-content: center;
  float: left;
  margin-left: 23%;
  margin-top: -6px;
}

Here it is on chrome: http://imagizer.imageshack.us/v2/1024x768q90/546/725z.jpg

On firefox: http://imageshack.com/a/img855/5242/ya5y.jpg

The first line inside the stroked line is a javascript printing the line. And I want to center that together with the second line on both mozilla and chrome and IE.

From my research I saw about -moz-,-webkit-, and top,left etc (the old margins) but I can't seem to make them work!

Answers


I think you should try to make it work with standard css at first rather than applying browser specific styles. For me it looks like using simple text-align: center should do the work. But its impossible to tell you exactly since you do not provide real code.

.center-bottom {
  text-align: center;
  margin: auto;
}

fiddle


Need Your Help

Using the .NET collection editor without using a property grid control

c# .net collections propertygrid

I have a PropertyGrid on my form. My boss thinks it's ugly. Uncouth. Unsophisticated.

how to get value of dropdown in PHP_SELF post method

php forms post

I am using the following code to get value of input text box and it is working perfect but what should be my code if i want to get value of a select box. (i.e) dropdown box.