Categories

See More
Popular Forum

MBA (4887) B.Tech (1769) Engineering (1486) Class 12 (1030) Study Abroad (1004) Computer Science and Engineering (988) Business Management Studies (865) BBA (846) Diploma (746) CAT (651) B.Com (648) B.Sc (643) JEE Mains (618) Mechanical Engineering (574) Exam (525) India (462) Career (452) All Time Q&A (439) Mass Communication (427) BCA (417) Science (384) Computers & IT (Non-Engg) (383) Medicine & Health Sciences (381) Hotel Management (373) Civil Engineering (353) MCA (349) Tuteehub Top Questions (348) Distance (340) Colleges in India (334)
See More
( 5 months ago )

How to align text within a column?

Course Queries Syllabus Queries
Max. 2000 characters
Replies

usr_profile.png
NeelKamal Jha

User

( 5 months ago )

You need to simply use text-align

Ie: text-align : right , text-align : center

 

usr_profile.png
Naveen Shastri

User

( 5 months ago )


I am trying to create a 3 column webpage. How do I center the header and paragraph on the middle column? How would I align the text to the right when I enter information in the last column? Appreciate the help, thanks.

Also, how do I align the copy right in the middle of the page to the right?

 

*{  
    font-family: Melvetica;
    margin: 0px;
    padding: 0px;
    }

body{
    background-color: #6B6A67;
     }     
#container{
    width: 920px;
    background-color: white;
    padding: 10px;
    margin-left: auto; /*will center your page*/
    margin-right: auto; /*will center your page*/
    }
    
h1, h2{
   text-align: center;
    }



li{
    text-align: center;
    padding: 5px;
    }
h4{
    padding: 5px;
    text-align: center;
    }

/*To style an ID within an ID under it use the parent ID--start with header then call the ID you want to select*/
#container #header{
    height: 80px;
    background-color: #ADA9A0;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 20px;
    margin-bottom: 5px; /*To add empty space to bottom of the element*/
    }  
#container #navigation{
    margin-top: 5px;
    background-color: #ADA9A0;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid #ADA9A0;
    }    
    
#container #content{
    background-color: #D9D5CE;
    min-height: 300px; 
    margin-top: 5px;
    margin-bottom: 5px; /*To add empty space to bottom of the element*/
    }  
    
#container #content #sidebar1{
    background-color: #ADA9A0;
    float: left;
    width: 200px;
    min-height: 300px;
    margin-bottom: 3px;
    }     
#container #content #column1{
    background-color: white;
    min-height: 300px;
    margin-bottom: 3px; 
    margin-left: 200px;
    margin-right: 200px;
    margin: 0;
    }         
#
			
        

what's your interest