How to make center horizontal a HTML element?

HTML & CSS
1

Hi there

This is my jsfidddle.net
http://jsfiddle.net/vngx/075r2sqq/

How to make any html element center horizontal true?

thanks

2

margin: auto only works on block-level elements. E.g.

#demo_but{margin-left:auto;margin-right:auto; display:block}

However, Iā€™m not too keen on setting an input to block display. So the alternative would be to set a container to text-align: center instead.

3

The input button wants to be inside a container:

<!doctype html>
<html>
<head>
<style type="text/css">
   .tac  {text-align:center;}
</style>
</head>
<body>

<div class="tac">
   <input type="button" value="Submit"  />
</div>

</body></html>

Ninjared by @ralphm :frowning:

1 Like
4

thanks

this is working for me

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.