Title: Table Column Not Aligning
Last modified: August 21, 2016

---

# Table Column Not Aligning

 *  [tculley](https://wordpress.org/support/users/tculley/)
 * (@tculley)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/table-column-not-aligning/)
 * I am having an issue with aligning the columns in the table I have created. In
   the first column is an image, and in the second column is some text. The text
   is appearing below the image for some reason ([see screenshot here](http://i.imgur.com/q1rA2QW.png?1)).
 * Here is the HTML I am using on the actual page:
 *     ```
       <table>
       <tbody>
       <tr>
       <td><img class="aligncenter size-full wp-image-318" alt="bandsonabudget" src="http://thejerseyshoremusicfest.com/wp-content/uploads/2013/01/bandsonabudget.png" width="120" height="100" /></td>
       <td>
       <p style="text-align: left;">We are a full service merchandising company for bands, musicians, artists, labels, and businesses. We provide one place to buy affordable merchandise for your band or organization.</p>
       <p style="text-align: left;">Visit us online at <a href="http://www.bandsonabudget.com">www.bandsonabudget.com</a></p>
       </td>
       </tr>
       </tbody>
       </table>
       ```
   
 * And here is the CSS to my WordPress theme:
 *     ```
       /*
       Theme Name:  Soundboard
       Description: WordPress Theme
       Author: red_sun (Gerda Gimpl)
       Author URI: http://www.red-sun-design.com
       Theme URI: http://themes.red-sun-design.com/soundboard
       License: GNU General Public License version 3.0
       License URI: http://www.gnu.org/licenses/gpl-3.0.html
       Version: 3.00
   
       -------------------------------------------
       	INDEX
       -------------------------------------------
       	0. CSS RESET
       	1. MISC
       	2. FONTS / TEXT ELEMENTS
       	3. LAYOUT
       	4. NAVIGATION
       	5. SIDEBAR
       	6. FOOTER
       	7. WIDGETS
       	8. IMAGES
       	9. PAGINATION
       	10. COMMENTS
       	11. FORMS
       	12. WOOCOMMERCE
   
       -------------------------------------------
       */
   
       /* O. CSS RESET --------------------------------------------------------------*/
   
       html, body, div, span, applet, object, iframe,
       h1, h2, h3, h4, h5, h6, p, blockquote, pre,
       a, abbr, acronym, address, big, cite, code,
       del, dfn, em, img, ins, kbd, q, s, samp,
       small, strike, strong, sub, sup, tt, var,
       b, u, i, center,
       dl, dt, dd, ol, ul, li,
       fieldset, form, label, legend,
       table, caption, tbody, tfoot, thead, tr, th, td,
       article, aside, canvas, details, embed,
       figure, figcaption, footer, header, hgroup,
       menu, nav, output, ruby, section, summary,
       time, mark, audio, video {
               margin: 0;
               padding: 0;
               border: 0;
               font-size: 100%;
               font: inherit;
               vertical-align: baseline;
               }
   
       article, aside, details, figcaption, figure,
       footer, header, hgroup, menu, nav, section {
               display: block;
               }
   
       body    {
               line-height: 1;
               }
   
       ol, ul  {
               list-style: none;
               }
   
       blockquote, q {
               quotes: none;
               }
   
       blockquote:before, blockquote:after,
       q:before, q:after {
               content: '';
               content: none;
               }
   
       table   {
               border-collapse: collapse;
               border-spacing: 0;
               }
   
       :focus  {
               outline: 0;
               }
   
       /* END CSS RESET -------------------------------------------------------------*/
   
       /* 1. MISC ------------------------------------------------------------------ */
   
       .clear  {
               clear: both;
               line-height: 1;
               margin: 0;
               padding: 0;
               }
   
       .left   {
               float: left;
               display: inline;
               }
   
       .right  {
               float: right;
               display: inline;
               }
   
       .center {
               margin-left: auto;
               margin-right: auto;
               display: block;
               clear: both;
               }
   
       .hidden  { display: none }
   
       /*  END MISC ---------------------------------------------------------------- */
   
       /* 2. FONTS / TEXT ELEMENTS ------------------------------------------------- */
   
       body    {
               font: 12px/20px "Helvetica neue", Helvetica, Arial, sans-serif;
               font-weight: normal;
               }
   
       p       {
               margin: 20px 0;
               line-height: 20px;
       	font-size: 14px;
       	color: #ffffff;
               }
   
       a       {
               text-decoration: none;
               }
   
       a:link,
       .content a:visited,
       .content a:active,
       .button1,
       .buttonS,
       .button2,
       .button1:hover,
       .buttonS:hover,
       .button2:hover,
       a:hover .lastfm,
       li.comment .reply,
       a:hover.nivo-nextNav ,
       a:hover.nivo-prevNav,
       .login-submit input,
       .sf-menu li:hover,
       .sf-menu li.sfHover,
       .sf-menu a:focus,
       .sf-menu a:hover,
       .sf-menu ul a:hover {
               -moz-transition: all 0.3s ease-in-out;
               -webkit-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
               }
   
       ul, ol, dl, dd, blockquote, address,
       table, fieldset, form, .gallery-row {
               margin: 20px 0;
               }
   
       h1, h2, h3, h4, h5, h6,
       .button1,
       .buttonS,
       .button2,
       .cancelled,
       .soldout,
       .sf-menu a,
       .details,
       .dropcap,
       ul.tabs li a,
       ul.login li a {
               font-family: "Francois One", "Helvetica neue", Helvetica, Arial, sans-serif;
               }
   
       h1, h2, h3, h4, h5, h6 {
               clear: both;
               font-weight: bold;
               position: relative;
               margin: 20px 0;
               padding: 0;
               }
   
       h1      {
               font-size: 32px;
               top: 4px;
               line-height: 40px;
               }
   
       h2      {
               font-size: 24px;
               top: -4px;
               }
   
       h3      {
               font-size: 20px;
               top: -3px;
               }
   
       h4      {
               font-size: 16px;
               top: -2px;
               }
   
       h5      {
               font-size: 14px;
               font-weight: lighter;
               top: -1px;
               }
   
       h6      {
               font-size: 12px;
               font-weight: lighter;
               text-transform:uppercase;
               }
   
       h1.title,
       h1.pagetitle {
               margin-top: 0;
               }
   
       h1.pagetitle {
               text-transform: uppercase;
               margin-top: 0;
               }
   
       h1.news-home-title { /* headline title on home page */
               font-size: 24px;
               top: -1px;
               font-weight: normal;
               line-height: 20px;
               text-transform: uppercase;
               margin-top: 0;
               }        
   
       h6.infotitle,
       li.infotitle {
               font-family: "Helvetica neue", Helvetica, Arial, sans-serif !important;
               font-size: 12px;
               text-transform: uppercase;
               font-weight: bold;
               line-height: 20px;
               margin: 20px 0 0 0;
               clear: both;
               }  
   
       li.infotitle {
               width: 100px;
               text-align: right;
               } 
   
       .date-h {
               font-size: 12px;
               line-height: 20px;
               text-transform: uppercase;
               margin-top: 0;
               } 
   
       #sidebar h3.widgettitle,
       #footer h3.widgettitle {
               font-size: 32px;
               top: 0px;
               margin-top: 20px;
               font-weight: lighter;
               }
   
       #content h3.widgettitle {  /* widget title on home page*/
               font-size: 32px;
               top: 4px;
               line-height: 40px;
               margin-top: 0px;
               text-transform: none;
               text-transform: uppercase;
               }       
   
       .small  { font-size: 10px; }
   
       strong  { font-weight: bold; }
   
       address { font-style: italic; }
   
       em, dfn, cite { font-style: italic; }
   
       dfn     { font-weight: bold; }
   
       del     { text-decoration: line-through; }
   
       ins     { text-decoration: underline; }
   
       sup     {
       	font-size: 11px;
       	vertical-align: top;
               }
   
       sub     {
       	font-size: 11px;
       	vertical-align: bottom;
               }
   
       blockquote {
               background: url("images/quotes.png") no-repeat scroll 0 0 transparent;
               margin: 0 0 15px 15px;
               padding: 0 0 0 35px;
               font-style: italic;
               color: #888;
               }
   
       textarea, input {
               font-size: 12px;
               font-family: "Droid Sans", "Helvetica neue", Helvetica, Arial, sans-serif;
               }        
   
       pre, code {
               font-family: Courier, serif ;
               display: block;
               font-size: 12px;
               margin: 20px 0;
               padding: 10px 15px;
               white-space: pre-wrap;       /* css-3 */
               white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
               white-space: -pre-wrap;      /* Opera 4-6 */
               white-space: -o-pre-wrap;    /* Opera 7 */
               word-wrap: break-word;       /* Internet Explorer 5.5+ */
               }
   
       ul, ol  {margin: 0 0 20px 18px;}
       ul li   {list-style-type: disc;}
       ol li   {list-style-type: decimal;}
       ul      {list-style-type: square;}
   
       table   {
               margin: -10px 0 10px 0;
               width: 100%;
               }
   
       table th,
       table td {
               padding: 10px;
               line-height: 19px;
               text-align: center;
               -moz-transition: all 0.2s ease-out;
               -webkit-transition: all 0.2s ease-out;
               transition: all 0.2s ease-out;
               }
   
       table th {
               font-weight: bold;
               }
   
       /*  END FONTS / TEXT ELEMENTS ----------------------------------------------- */
   
       /*  3. LAYOUT --------------------------------------------------------------- */
       #header {
               width: 100%;
               margin: 0;
               }
   
       #loginwrapper {
               width: 100%;
               height: 30px;
               overflow: hidden;
               text-transform: uppercase;
               font-size: 10px;
               }        
   
       ul.login {
               width: 940px;
               margin: 0 auto;
       	padding: 0;
               }
   
       ul.login li {
       	display:inline;
       	margin: 0;
               float: right;
               }
   
       ul.login li a {
               margin: 0;
               padding: 5px 10px;
               display: block;
               position: relative;
               }
   
       .arrow-down {
       	width: 0;
       	height: 0;
               margin: 0 auto;
       	border-left: 20px solid transparent;
       	border-right: 20px solid transparent;
               }     
   
       #headertop {
               position: relative;
               width: 980px;
               margin: 0 auto;
               }
   
       #logo   {
               width: 940px;
               margin: -20px 0 -6px auto;
               opacity: 0.9;
               display: block;
               }
   
       #slide-bg {
               width: 980px;
               height: 400px;
               margin: 0px auto 0 auto;
               overflow: hidden;
               }
   
       #slideshow {
               width: 940px;
               float: right;
               margin: 20px 20px 0px 20px;
               padding: 0;
               }
   
       #bg-wrapper {
               width: 980px;
               margin: 20px auto 0 auto;
               padding: 0;
               clear: both;
               overflow: hidden;
               }
   
       #wrapper {
               width: 960px;
               margin: 0 auto;
               padding: 0;
               clear: both;
               }
   
       *:first-child+html #wrapper { padding-bottom: 20px; } /* IE7 only */
   
       #content {
               margin-top: 10px;
               display: inline;
               float: left;
               }
   
       .title  {
               width: 520px;
               margin-left: 0px;
               margin-right: 20px;
               }
   
       .page-content,
       .contact {
               width: 680px;
               }
   
       .blogentry {overflow: hidden;}
   
       .entry  {
       	width: 520px; /*520*/
       	float: left;
       	margin: -20px 20px 0 0;
               }
   
       .entry-single {
       	width: 520px;
       	float: left;
       	margin: -20px 20px 0 0;
               }
   
       .post-right {
               float: left;
               margin-bottom: 10px;
               }
   
       .post-right-single {
               float: left;
               }
   
       .postinfo {
               margin: 20px 40px 0 0;
               padding-bottom: 20px;
               float: left;
               width: 120px;
               text-transform: none !important;
               }
   
       .postinfo ul li {
               list-style-type: none;
               float: right;
               }
   
       .postinfo ul li a{
               float: right;
               }
   
       .post-date   {
               font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif;
               float: right;
               margin-top: 0;
               margin-bottom: 2px;
               }
   
       *:first-child+html .post-date { width: 92px; } /* IE7 only */
   
       .date-r {
               float: right;
               }
   
       .d, .m, .y {
               position: relative;
               }
   
       .d      {
               float: left;
               font-size: 43px;
               line-height: 43px;
               top: -10px;
               display: inline;
               }
   
       .m      {
               float: right;
               text-transform: uppercase;
               font-size: 16px;
               top: -8px;
               margin-left: 5px;
               }
   
       .y      {
               float: right;
       	font-size: 10px;
               top: -8px;
               margin-left: 5px;
               clear: both;
               }      
   
       .author,
       .commentnr {
               clear: both;
               height: 20px;
               }
   
       .tags   {
               clear: both;
               }
   
       .tweet-button {
               margin: 0;
               padding: 0;
               width: 58px;
               }
   
       .fb-like {
               width: 100px;
               }
       *:first-child+html .fb-like { margin-top: 3px; margin-left: 3px; } /* IE7 only */
   
       li.tweet-button,
       li.fb-button {
               display: inline;
               clear: both;
               }
   
       .tweetbutton,
       .fb-like {
               height: 20px;
               }
   
       .fb-like {
               margin-bottom: 9px;
               }        
   
       #error  {
               text-align: center;
               }
   
       .blog-bottomborder
               {
               margin: 20px 20px 38px 0;
               width: 680px;
               }
   
       .sticky {}
   
       /* home */
       .home-content .widget-area {
               margin-top: -40px;
               }
   
       #home-news {
               display: inline;
               float: left;
               width: 670px;
               margin: 0 40px 0 10px;
               }
   
       .headlines {
               overflow: hidden;
               margin-bottom: 20px;
               }
   
       .news-home-title {
               margin: 0;
               padding: 0;
               overflow: hidden;
               }
   
       .time-ago,
       .comment-nr {
               margin: 0;
               padding: 0;
               display: inline;
               font-size: 10px;
               }
   
       .entry-h p {
               margin: 0;
               }
   
       .home-post-content {
       	margin-top: 5px;
       	}
   
       .tnail-h {
       	float: left;
       	margin-right: 10px;
       	} 
   
       .entry-ht p {
               margin: 0;
               } 
   
       a.more-link  {
               text-transform: uppercase;
               font-size: 10px;
               display: block;
               margin-top: 20px;
               }     
   
       /* tour dates */
       .tour   {
               width: 680px;
               }
   
       .upcoming,
       .past   {
               margin-bottom: 20px;
               }
   
       .tour table   {
               margin: 0;
               }
   
       .tour table td,
       .tour table th {
               text-align: left;
               padding: 20px 0;
               }
   
       .tour form,
       .tour input {
               margin: 0;
               }
   
       .tour-date {
               width: 160px;
               }
   
       .tour-weekday,
       .tour-day,
       .tour-month,
       .tour-year {
               display: inline;
               }
   
       .tour-weekday {
               text-transform: uppercase;
               }
   
       .tour-city {
               width: 200px;
               }     
   
       .tour table td.tour-city {
               padding-right: 40px;
               }  
   
       .tour-venue {
               width: 140px;
               }
   
       .tour-url {
               width: 120px;
               }
   
       .tour-button {
               float: right;
               margin-top: -9px;
               margin-bottom: -10px;
               }
   
       .cancelled,
       .soldout,
       .img-link {
               display: inline-block;
               font-weight: normal;
               line-height: 14px;
               padding: 8px 10px 9px 10px;
               text-decoration: none;
               margin: 0;
               float: right;
               }
   
       .tour input,
       .cancelled,
       .soldout,
       .img-link {
               margin-bottom: -10px;
               margin-top: -8px;
               }
   
       h1.past-dates {
               margin-top: 60px;
               }
   
       .no_dates {
               margin-top: 20px;
               }
   
       /* audio */
       .player {
               margin-bottom: 40px;
               }
   
       /* albums / gallery / video */
       ul.album li,
       ul.gallery li,
       ul.video li {
               list-style-type: none;
               list-style-image: none;
               display: inline;
               }
   
       ul.album,
       ul.gallery,
       ul.video {
               margin: 0;
               width: 960px;
               }
   
       .album_item,
       .gallery_item,
       .video_item {
               float: left;
               margin: 0 20px 20px 0;
               overflow:hidden;
               }
   
       .album-left,
       .album-center,
       .album-right {
               float: left;
               }
   
       .album-left {
               width: 220px;
               }
   
       .album-left ul {
               margin-left: 0;
               }
   
       .album-left li {
               list-style-type: none;
               }
   
       .album-info {
               margin-top: 20px;
               }        
   
       .album-info-center {
               margin-top: 40px;
               } 
   
       .album-center {
               width: 420px;
               margin: 0 40px 0 40px;
               }
   
       .album-tracks {
               margin-top: 20px;
               }
   
       .album-tracks ul {
               margin: 0;
               }
       .album-tracks ul li {
               list-style-type: none;
               }
   
       .album-right {
               width: 220px;
               }
   
       .album-artwork
               {
               height: 220px;
               margin-top: 10px;
               }
   
       .album-left form {
               display: inline;
               }
   
       .album-left .button2 {
               margin-bottom: 10px;
               margin-top: 0;
               }
   
       .buy-amazon,
       .buy-itunes,
       .buy-other
               {
               text-transform: none !important;
               margin-top: 20px;
               margin-right: 5px;
               display: inline-block;
               }       
   
       .release-date
               {
               margin-top: 9px;
               font-weight: bold;
               }
   
       .release-date p
               {
               margin: 0;
               }
   
       #album-social li {
               display: inline;
               }
   
       #album-social .fb-like {
               margin-bottom: 0;
               }
   
       #album-social .fb-button,
       #album-social .tweet-button {
               padding: 0;
               }
   
       .audioplayer-mobile {
               margin: 20px 0;
               }
   
       .audioplayer-icon,
       .soundcloudplayer-icon {
               display: inline-block;
               margin-right: 5px;
               }  
   
       .audioplayer-icon {
               width: 34px;
               height: 34px;
               border: 0;
               }
   
       .audioplayer-icon a {
               display:block;
               width:100%;
               height:100%;
               outline: none;
               }
   
       .audioplayer-icon:hover {
               opacity: 0.6;
               }
   
       .soundcloudplayer-icon {
               width: 34px;
               height: 34px;
               border: 0;
               }
   
       .soundcloudplayer-icon a {
               display:block;
               width:100%;
               height:100%;
               outline: none;
               }
   
       .soundcloudplayer-icon:hover {
               opacity: 0.6;
               }
   
       .album-artwork-inplayer {
               float: left;
               margin-right: 10px;
               }
   
       #playlist_wrapper {
               float: left;
               top: 0;
               margin-bottom: 20px;
               }
   
       .pp_content_container #playlist_wrapper {
               margin-bottom: 0;
               }
   
       .gallery .gallery-item {
       	float: left;
               width: 140px;
       	margin: 0 20px 0 0;
       	text-align: center;
               }
   
       .gallery-images {
               width: 960px;
               }
   
       .gallery-images ul {
               padding: 0;
       	margin: 0;
               }
   
       .gallery-images li {
               list-style-type: none;
               float: left;
               width: 140px;
       	margin: 0 20px 20px 0;
               padding: 0;
       	text-align: center;
               display: inline;
               }
   
       /* mosaic sliding boxes image overlay (albums/gallery/video)*/
       .mosaic-block,
       .mosaic-block-v,
       .mosaic-block-i,
       .mosaic-block-a,
       .mosaic-block-gw {
       	position:relative;
       	overflow:hidden;
       	margin-right:20px;
               height: auto;
               }
   
       .mosaic-block {
       	width:140px;
       	height:140px;
               }
   
       .mosaic-block-gw {
       	width:100px;
       	height:100px;
               }
   
       .mosaic-block-a {
       	width:220px;
       	height:220px;
               }
   
       .mosaic-block-v {
       	width:220px;
       	height:140px;
               }
   
       .mosaic-backdrop {
       	display:none;
       	position:absolute;
       	top:0;
       	height:100%;
       	width:100%;
               }
   
       .video-icon {
       	position:absolute;
       	top:0;
       	height:100%;
       	width:100%;
               z-index: 20;
               background:url(images/play.png) no-repeat center center;
               } 
   
       .mosaic-overlay {
       	display:none;
       	z-index:5;
       	position:absolute;
       	width:100%;
       	height:100%;
               }
   
       .details {
               padding: 5px 10px;
               position: absolute;
               bottom: 0;
               z-index: 20;
               color: #eee;
               z-index: 100;
               background:url(images/bg-black2.png);
               }
   
       .bar .mosaic-overlay {
               padding: 5px 10px;
       	background:url(images/bg-black2.png);
               }
   
       .gal-size,
       .aud-size,
       .gw-size
               {
               bottom:-50px;
       	height:40px;
               }
   
       .vid-size,
       .aw-size {
               bottom:-30px;
       	height:20px;
               }
   
       .vid-size {
       	width: 200px !important;
               }
   
       .gal-size,
       .aud-size {
       	width: 120px !important;
               }
   
       .gw-size {
       	width: 80px !important;
               }
   
       .aw-size {
       	width: 200px !important;
               }
   
       .fade .mosaic-overlay {
       	opacity:0;
       	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
       	filter:alpha(opacity=00);
       	background:url(images/bg-black.png);
       	}
   
       .circle .mosaic-overlay {
       	background:url(images/play.png) no-repeat center center;
       	opacity:0;
       	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
       	filter:alpha(opacity=00);
       	display:none;
               }
   
       /*  END LAYOUT -------------------------------------------------------------- */
   
       /*  4. NAVIGATION ------------------------------------------------------------------*/
   
       #topnavi  {
               width: 980px;
               margin: 0 0 0 0px;
               height: 45px;
               margin-top: 0px;
               }
   
       .sf-menu,
       .sf-menu * {
               margin: 0 auto;
               padding: 0;
               list-style: none;
               }
   
       .sf-menu {
               line-height: 1.0;
               width: 980px;
               margin: 0 0 0 0px;
               }
   
       .sf-menu a {
               font-family: "Helvetica neue", Helvetica, Arial, sans-serif;
               font-weight: normal;
               padding: 15px 15px;
               font-size: 15px;
               text-decoration:none;
               }
   
       .sf-menu li:hover,
       .sf-menu li.sfHover,
       .sf-menu a:focus,
       .sf-menu a:hover,
       .sf-menu a:active {
               outline: 0;
               }
   
       .sf-menu ul { /* dropdown */
               width: 135px;
               left: 25px;
               padding: 0px;
               text-align: left;
               z-index: 20000;
               margin-top: 14px;
               position: absolute;
               top: -999em;
               width: 10em; /* left offset of submenus need to match (see below) */
               }
   
       .sf-menu ul a {
               padding: 15px 10px;
               height: auto;
               text-align: left;
               display: block;
               }
   
       .sf-menu ul li {
               width: 100%;
               }
   
       .sf-menu li:hover {
               visibility: inherit; /* fixes IE7 'sticky bug' */
               }
   
       .sf-menu li {
               float: left;
               position: relative;
               margin-right: 2px;
               }
   
       .sf-menu a {
               display: block;
               position: relative;
               }
   
       .sf-menu li:hover ul,
       .sf-menu li.sfHover ul {
               left: 0;
               top: 2.5em; /* match top ul list item height */
               z-index: 99;
               }
   
       ul.sf-menu li:hover li ul,
       ul.sf-menu li.sfHover li ul {
               top: -999em;
               }
   
       ul.sf-menu li li:hover ul,
       ul.sf-menu li li.sfHover ul {
               left: 10em; /* match ul width */
               top: 0;
               }
   
       ul.sf-menu li li:hover li ul,
       ul.sf-menu li li.sfHover li ul {
               top: -999em;
               }
   
       ul.sf-menu li li li:hover ul,
       ul.sf-menu li li li.sfHover ul {
               left: 10em; /* match ul width */
               top: 0;
               }
   
       /*  END NAVIGATION ---------------------------------------------------------- */
   
       /*  5. SIDEBAR -------------------------------------------------------------- */
   
       #sidebar {
               margin-top: -30px;
               }
   
       /*  END SIDEBAR ------------------------------------------------------------- */
   
       /*  6. FOOTER --------------------------------------------------------------- */
       #footer  {
               width: 100%;
               margin-top: 40px;
               overflow: hidden;
               }
   
       #footerwrapper {
               width: 960px;
               margin: -20px auto 0 auto;
               padding: 0;
               padding-bottom: 20px;
               overflow: hidden;
               }
   
       #social {
               width: 100%;
               margin: 0 auto;
               overflow: hidden;
               }
   
       ul#socialicons {
               float: left;
               left: 50%;
               margin: 0 auto;
               position: relative;
               }
   
       #socialicons li {
               display: inline;
               padding: 20px;
               float: left;
               position: relative;
               right: 50%;
               }
   
       a.lastfm,
       a.twitter,
       a.fb,
       a.soundcloud,
       a.itunes,
       a.youtube,
       a.beatport,
       a.social1,
       a.social2,
       a.social3,
       a.social4,
       a.social5 {
               display: block;
               height: 32px;
               outline: none;
               opacity: 0.4;
               }
   
       a.lastfm {
               width: 39px;
               background:url('images/social/lastfm.png') no-repeat;
               }
   
       a.twitter {
               width: 24px;
               background:url('images/social/twitter.png') no-repeat;
               }
   
       a.fb    {
               width: 15px;
               background:url('images/social/fb.png') no-repeat;
               }
   
       a.soundcloud {
               width: 54px;
               background:url('images/social/sc.png') no-repeat;
               }
   
       a.itunes {
               width: 27px;
               background:url('images/social/itunes.png') no-repeat;
               }
   
       a.youtube {
               width: 26px;
               background:url('images/social/youtube.png') no-repeat;
               }
   
       a.beatport {
               width: 86px;
               background:url('images/social/beatport.png') no-repeat;
               }
   
       a:hover.lastfm,
       a:hover.twitter,
       a:hover.fb,
       a:hover.soundcloud,
       a:hover.itunes,
       a:hover.youtube,
       a:hover.beatport,
       a:hover.social1,
       a:hover.social2,
       a:hover.social3,
       a:hover.social4,
       a:hover.social5 {
               opacity: 1;
               }
   
       #copyright
               {
               width: 100%;
               margin: 0 auto;
               padding: 15px 0;
               overflow: hidden;
               }
   
       #copyright-text
               {
               text-align: center;
               }        
   
       /*  END FOOTER -------------------------------------------------------------- */
   
       /*  7. WIDGETS -------------------------------------------------------------- */
       #wrapper .widget-area {
       	margin-bottom: 20px
       	}
   
       .widget-area ul,
       .widget-area p {
               margin: 0;
               }
   
       .widget-area ul li {
               list-style-type: none;
               }
   
       .widget {
               margin: 20px 0 0 0;
               overflow: hidden;
               }
   
       /* gallery widget */
       .gallery-widget {
               width: 110%;
               }
   
       .gallery-widget li {
               display: inline;
               }
   
       .gallery-widget .gallery_item {
               margin-bottom: 0;
               }
   
       .gallery-widget ul {
               margin-top: -20px;
               }
   
       .gallery-widget .gallery_item {
               margin-top: 20px;
               }
   
       /* album widget */
       .album-widget form {
               display: inline;
               }
   
       .album-widget .album_item {
               margin-bottom: 0px;
               }
   
       .album-widget .button2 {
               margin-top: 10px;
               margin-right: 5px;
               }
   
       /* video widget */
       .video-widget-item {
               margin-top: 20px;
               }
   
       .widget-area .video_item {
               margin-bottom: 0;
               }
   
       /* tour widget */
       .tourwidget-item {
               margin-top: 20px;
               overflow: hidden;
               }
   
       .tour-date-w
               {
               float: left;
               width: 60px;
               height: 60px;
               font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif;
               }
   
       .tour-day-w {
               font-size: 32px;
               position: relative;
               top: 8px;
               }
   
       .tour-month-w {
               font-size: 18px;
               position: relative;
               top: 12px;
               text-transform: uppercase;
               }
   
       .tourright {
               overflow: hidden;
               }
   
       .tour-url-w form {
               margin: 0;
               padding: 0;
               }
   
       .tour-url-w {
               overflow: hidden;
               }
   
       .widget-area .tour-button,
       .widget-area .soldout,
       .widget-area .cancelled {
               margin: 5px 0 0 0;
               position: static;
               float: left;
               }
   
       /* twitter widget */
       .twitter li {
               padding-top: 19px;
               margin-left: 0px;
               line-height: 20px;
               font-size: 12px;
               }
   
       .twitter li:first-child {
               padding-top: 0;
               }
   
       /* flickr widget */
       .flickr {
               width: 110%;
               margin-top: -5px;
               }
   
       .flickr_badge_image {
               float: left;
               margin: 10px 10px 0 0;
               height: 65px;
               } 
   
       .flickr_badge_image img {
               width: 57px;
               height: 57px;
               margin: 0;
               padding: 4px;
               }        
   
       #footer-widget-area .flickr a,
       #footer-widget-area .flickr a:link,
       #footer-widget-area .flickr a:visited {
               border: none;
               }
   
       /* pages widget */
       .widget_pages li.page_item {
               width: 110px;
               float: left;
               }
   
       /* comment widget*/
       .widget_recent_comments ul li {
               background:url(images/comment.png) no-repeat 0 6px;
               padding-left: 15px;
               }
   
       /* news widget */
       h1.news-widget-title {
               font-family: "Helvetica neue", Helvetica, Arial, sans-serif !important;
               font-size: 12px;
               font-weight: bold;
               line-height: 20px;
               top: 0;
               margin-top: 0;
               margin-bottom: 20px;
               } 
   
       /* calendar widget */
       .widget_calendar
               {
               float: left;
               margin: 0;
               }
   
       #wp-calendar {
               width: 100%;
               }
   
       #wp-calendar caption {
               text-align: right;
               margin-bottom: 10px;
               text-transform: uppercase;
               }
   
       table#wp-calendar {
       	margin-bottom: 0;
       	}
   
       #wp-calendar thead th {
               padding-bottom: 10px;
               }
   
       #wp-calendar tbody td {
               text-align: center;
               padding:6px 8px;
               }
   
       #wp-calendar tbody .pad {
               background: none;
               }
   
       #wp-calendar tfoot {
               border: none;
               background: none;
               }
   
       #wp-calendar tfoot #next,
       #wp-calendar tfoot #prev,
       #wp-calendar tfoot .pad {
               border: none;
               background: none;
               }
   
       #wp-calendar tfoot #next {
               font-size: 10px;
               text-transform: uppercase;
               text-align: right;
               }
   
       #wp-calendar tfoot #prev {
               font-size: 10px;
               text-transform: uppercase;
               padding-top: 10px;
               text-align: left;
               }
   
       /* END WIDGETS -------------------------------------------------------------- */
   
       /*  8. IMAGES --------------------------------------------------------------- */
       img     {
               position: relative;
               }
   
       a img   {
               border: none;
               }
   
       #content .alignnone,
       #content .alignleft,
       #content img.alignleft,
       #content .alignright,
       #content img.alignright,
       #content .aligncenter,
       #content img.aligncenter {
               margin-top: 20px;
               margin-bottom: 20px;
               }
   
       #content .alignleft,
       #content img.alignleft {
               margin-right: 20px;
               float: left;
               }
   
       #content .alignright,
       #content img.alignright {
               margin-left: 20px;
               float: right;
               }
   
       #content .aligncenter,
       #content img.aligncenter {
               display: block;
               margin-left: auto;
               margin-right: auto;
               }
   
       #content .tnail img {
               margin: 0 20px 14px 0;
               }
   
       #fullResImage {
               padding: 0;
               border: 0;
               }
   
       .wp-caption-text {
               margin: 0;
               padding: 0;
               font-size: 0.8em;
               line-height: 10px;
               margin-bottom: 23px;
               }
   
       .wp-caption,
       .gallery-caption,
       .wp-caption-text {
               text-align: right;
               margin: 0;
               padding: 0;
               }
   
       /*  END IMAGES -------------------------------------------------------------- */
   
       /*  9. PAGINATION ---------------------------------------------------------- */
       #pagination {
               margin: 0px;
               float: left;
               text-transform: uppercase;
               }
   
       .pagination_main {
               clear:both;
               position:relative;
               font-size:11px;
               line-height:13px;
               }
   
       .pagination_main span,
       .pagination_main a {
               display:block;
               float:left;
               margin: 16px 2px 17px 0;
               padding:6px 9px 5px 9px;
               text-decoration:none;
               width:auto;
               }
   
       .pagination_main .current {
               padding:6px 9px 5px 9px;
               }
   
       /*  END PAGINATION ---------------------------------------------------------- */
   
       /*  10. COMMENTS  ------------------------------------------------------------*/
   
       .comment-topborder
               {
               width: 680px;
               margin: 40px 0 20px 0;
               }
   
       #respond,
       #comments,
       ol.commentlist,
       li.comment,
       ul.children li.comment {
               margin: 0;
               padding: 0;
               }
   
       #comments {
               margin-top: 20px;
               }
   
       h3#comments-number {
               margin: 40px 0 0 0;
               }
   
       ol.commentlist {
               width: 680px;
               }
   
       li.comment,
       ul.children li.comment {
               list-style-type: none;
               }
   
       li.comment {
               width: 100%;
               display: inline-block;
               }
   
       li.comment p {
               margin-bottom: 15px;
               }
   
       #comments ul.children {
               margin:  0 0 0 60px;
               }
   
       #comments .depth-5 ul.children {
               margin:  0;
               }
   
       .single-comment {
               position: relative;
               overflow: hidden;
               margin-top: 20px;
               }
   
       .comment .avatar {
               float: left;
               margin: 20px;
               clear: both;
               }
   
       .comment-body {
               float: left;
               }
   
       .depth-1 .comment-body {
               width: 510px;
               }
   
       .depth-2 .comment-body {
               width: 450px;
               }
   
       .depth-3 .comment-body {
               width: 390px;
               }
   
       .depth-4 .comment-body {
               width: 330px;
               }
   
       .depth-5 .comment-body {
               width: 270px;
               }
   
       .commentmetadata {
               float: left;
               margin-top: 20px;
               }
   
       cite.fn {
               font-size: 16px;
               }
   
       .comment-date,
       .comment-date a {
               font-weight: bold;
               font-size: 10px;
               margin-bottom: 20px;
               text-transform: uppercase;
               }
   
       .comment-text{
               clear: both;
               }        
   
       li.comment span.reply  {
               position: absolute;
               bottom: 20px;
               right: 20px;
               display: block;
               font-weight: normal;
               line-height: 14px;
               padding: 8px 10px 9px 10px;
               text-decoration: none;
               }
   
       .comment-counter {
               font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif;
               font-size: 30px;
               font-weight: bold;
               color: #aaa;
               position: absolute;
               top: 20px;
               right: 20px;
               }
   
       .depth-2 .comment-counter {
             display: none;
               }
   
       .depth-1 .comment-arrow {
             display: none;
               }
   
       .depth-2 .comment-arrow {
               display: inline;
               font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif;
               font-size: 30px;
               font-weight: bold;
               position: absolute;
               top: 20px;
               right: 20px;
               }
   
       .moderation {
               font-size: 11px;
               font-style: italic;
               }
   
       .bypostauthor {}
   
       /* comment pagination */
       .page-numbers
               {
               display:block;
               float:left;
               margin: 20px 2px 20px 0;
               padding:3px 9px 2px 9px;
               text-decoration:none;
               width:auto;
               }
   
       /*  END COMMENTS  ----------------------------------------------------------- */
   
       /*  11. FORMS --------------------------------------------------------------- */
   
       textarea, input {
               border: none;
               padding: 5px;
               margin-right: 10px;
               overflow: auto;
               }
   
       form p {padding: 0 0 20px 0;}
   
       /* buttons */
   
       .button,
       .button1 {
               display: inline-block;
               font-weight: normal;
               height: 31px;
               padding: 0 10px;
               overflow:visible;
               text-decoration: none;
               cursor:pointer;
               margin-top: 10px;
               -webkit-appearance: none;
               }
   
       button,
       .button1 span {
               display: block;
               line-height: 14px;
               padding: 8px 0 9px 10px;
               }
   
       .button2,
       .submitbutton {
               color: #fff;
               height: auto;
               padding: 6px 10px;
               border: none;
               border-radius: 0;
               box-shadow: none;
               text-shadow: none;
               background: transparent;
               font-weight: normal;
               cursor: pointer;
               } 
   
       /* comment-form */
       #respond p {
               margin-top: 0;
               }
   
       #commentform {
               display: block;
               margin: 0;
               }
   
       #commentform label {
               position: relative;
               top: 0px;
               }
   
       #commentform ul {
               margin: 0;
               }
   
       #commentform li {
               padding: 0;
               margin-bottom: 20px;
               clear: both;
               border: 0;
               }
   
       #commentform ul,
       #commentform li,
       #commentform ul li,
       .contactform ul li {
               list-style-type: none;
               list-style-image: none;
               }
   
       #commentform input,
       #commentform textarea {
               float: left;
               }
   
       input#author,
       input#email,
       input#url {
               width: 220px;
               height: 20px;
               }
   
       #commentform textarea {
               width: 380px;
               }
   
       /* contact-form */
       #contactform {
               display: block;
               margin: 0;
               }
   
       #contactform label {
               position: relative;
               top: 0px;
               }
   
       #contactform ul {
               margin: 0;
               margin-top: 20px;
               }
   
       #contactform li {
               padding: 0;
               margin-bottom: 20px;
               clear: both;
               }
   
       #contactform ul,
       #contactform li,
       #contactform ul li,
       .contactform ul li {
               list-style-type: none;
               list-style-image: none;
               }
   
       #contactform input,
       #contactform textarea {
               float: left;
               }
   
       input#contactName,
       input#email {
               width: 220px;
               height: 20px;
               }
   
       #contactform textarea {
               width: 380px;
               }
   
       .error   {
               display: inline;
               }
   
       a#cancel-comment-reply-link {
               display: inline-block;
               margin-top: 10px;
               }
   
       /* search form */
       #searchform {
               margin: 20px 0 0 0;
               padding: 5px 0 0;
               }
   
       #searchinput {
               float: left;
               margin: 0 8px 0 0;
               outline: medium none;
               padding: 6px 8px;
               width: 155px;
               border: none;
               height: 17px;
               }        
   
       #search-button {
               float: right;
               cursor: pointer;
               height: 29px;
               width: 40px;
               margin: 0;
               vertical-align: middle;
               border: none;
               }
   
       #content #search-button {
               float: none;
               }
   
       #content #searchinput {
               display: block;
               }
   
       /* login form */
       #mylogin {
               width: 100%;
               height: 100%;
               background: #FBFBFB;
               }
   
       #loginform  {
               width: 400px;
               margin: 20px auto;
               background: #FFF;
               padding: 20px 20px 5px 20px;
               color: #777;
               font-size: 14px;
               overflow: hidden;
               }
   
       #login-logo {
               text-align: center;
               padding-top: 20px;
               }        
   
       .login-password input,
       .login-username input {
               background: none repeat scroll 0 0 #FBFBFB;
               border: 1px solid #E5E5E5;
               box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
               font-size: 24px;
               font-weight: 200;
               line-height: 1;
               margin: 2px 0 6px 0;
               outline: medium none;
               padding: 3px;
               width: 98%;
               height: 35px;
               }
   
       .login-password input:focus,
       .login-username input:focus {
               border: 1px solid #ccc;
               }
   
       .login-submit input {
               float: right;
               background: none;
               background-color: #444;
               border-radius: 0;
               border: none;
               color: #FFFFFF;
               text-transform: uppercase;
               font-weight: normal;
               text-shadow: none;
               display: inline-block;
               height: 31px;
               padding: 0 10px;
               text-decoration: none;
               cursor:pointer;
               margin-right: 0;
               margin-bottom: 0;
               }
   
       .login-submit input:hover {
               background-color: #666;
               }
   
       .login-remember {
               float: left;
               }
   
       .login-remember input {
               margin: 0;
               height: 10px;
               }
   
       .login-submit {
               float: right;
               }
   
       ul#login-bottom {
               width: 400px;
               margin: 10px auto;
               padding-bottom: 10px;
               }
   
       #login-bottom li {
               list-style-type: none;
               display: inline;
               }
   
       #login-bottom a:hover {
               color: #666;
               }
       ```
   
 * Any help would be greatly appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 1 month ago](https://wordpress.org/support/topic/table-column-not-aligning/#post-3758292)
 * Can you remove your thousand lines of CSS and just link us the website in which
   the issue occurs in?
 *  Thread Starter [tculley](https://wordpress.org/support/users/tculley/)
 * (@tculley)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/table-column-not-aligning/#post-3758295)
 * The website is located at [http://www.thejerseyshoremusicfest.com/sponsors](http://www.thejerseyshoremusicfest.com/sponsors)
 * For some reason when I go to edit the post, there is no content to edit. Sorry
   about the large amount of CSS code, the table attribute is located about 12 times
   throughout so I wasn’t sure what to link.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 1 month ago](https://wordpress.org/support/topic/table-column-not-aligning/#post-3758298)
 * Tables are really bad for formatting.
    Try floating the `<td>` elements `left`
   and then giving them widths.
 * Otherwise use `<div>`s instead of `<table>`s.
    E.g [http://stackoverflow.com/questions/9340939/basic-layout-with-div-instead-of-table](http://stackoverflow.com/questions/9340939/basic-layout-with-div-instead-of-table)
 *  [jetfire](https://wordpress.org/support/users/jetfire/)
 * (@jetfire)
 * [13 years ago](https://wordpress.org/support/topic/table-column-not-aligning/#post-3758607)
 * How about when titles and box are on the same line?
 * The title (email, message etc..) doesn’t go on top of the box but instead stay
   on the same line (right side)?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/table-column-not-aligning/#post-3758608)
 * Try [http://csscreator.com/forum](http://csscreator.com/forum) .

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Table Column Not Aligning’ is closed to new replies.

## Tags

 * [aligning](https://wordpress.org/support/topic-tag/aligning/)
 * [table](https://wordpress.org/support/topic-tag/table/)

 * 5 replies
 * 3 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/table-column-not-aligning/#post-3758608)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics