html - Getting text to display to the left and right of a text-align: center -


alright have

    <div id='1'></div>     <div id='2'></div>     <div id='3'></div> 

only 1 word go each div. want width of each div auto

and want word #2 in middle of screen using text-align: center; word in #1 being displayed directly left of #2 , #3 directly right of #2.

i have been trying different css while, no effect.

hoping has simple answer.

simply float divs left. display in order.

<style>   .my-dvis {     float:left;     width:33.33%;     margin:0;     padding:0;     border:none;   } </style>  <div class="my-divs"></div>  <div class="my-divs"></div>  <div class="my-divs"></div> 

Comments

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -