Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

text-align:center doesn't work in Safari

Status
Not open for further replies.
EwS

EwS

Programmer
Dec 30, 2002
398
US
The following code works in IE, but not Safari. I did not find anything that would say 'text-align' is not supported in Safari...

<html>
<body>
<input type="text" style="text-align: center;" size=12 value="test">
</body>
</html>

Thank you for your help. I appreciate it.
 
Sort by date Sort by votes
Try:
Code: 
margin: 0 auto;

--Chessbot

"See the TURTLE of enormous girth!"
-- Stephen King, The Dark Tower series
 
Upvote 0 Downvote
I'm not sure where to put it. The following doesn't work:

<html>

<style type="text/css">
.test{ margin: 0 auto; }
</style>

<body>
<input type="text" class="test" size=12 value="test">
</body>

</html>
 
Upvote 0 Downvote
Screenshot:

Code:
Code: 
<html>
<head>
<style>
#test {
	margin: 10px  auto;
	}
#test2 {
	text-align: center;
	}
#main {
	width: 300px;
	background-color: yellow;
	}
#main2 {
	width: 300px;
	background-color: yellow;
	text-align: center;
	}
#main3 {
	width: 300px;
	background-color: yellow;
	margin: 10px auto;
	}
div {
	width: 100px;
	background-color: green;
	margin-bottom: 10px;
	}
</style>
</head>
<body>
<div id="main">
 <div id="test">margin: 0 auto</div>
 <div id="test2">text-align: center</div>
</div>
<div id="main2">
 <div>Main1</div>
</div>
<div id="main3">
 <div>Main3</div>
</div>
</body>
</html>

See for source

--Chessbot

"See the TURTLE of enormous girth!"
-- Stephen King, The Dark Tower series
 
Upvote 0 Downvote
Thanks for help - I came across similar code, but I don't see how it would center a text that I enter in the text box (maybe I wasn't clear about the purpose of using 'text-align:center;').
 
Upvote 0 Downvote
Centering text in a text box:

Code: 
<input type="text" style="text-align: center" />

Not sure why your method isn't working.

*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!
 
Upvote 0 Downvote
I got a response on another forum that it's not supported in Safari.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
226
lmcate
lmcate
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
821
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
2K
Chris Miller
Chris Miller
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
784
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top