Hi,

I work on the Vocaloid wiki and we have song pages up that mainly consist of Japanese-to-Romaji, but since more languages and lyrics are released we want to minimize the tediousness of creating a lyric page. Often people don't know how to get one set of lyrics to the left and another to the right. Our current method is here Song_Article_Guideline.

I found this template on zh.japshi.wikia, I modified it slightly using the div style from clubpenguin.wikia.. Now the results work, but I wanted to know if the coding in the div style could be placed somewhere that it is within the table and not hanging code. Or if anyone has other templates, tables, or MediaWiki methods I can use.

Thanks, if your checking this out.

{| align=center cellspacing=5 width=100%
|align=center style="width:36em"| '''Japanese (日文歌詞)'''
|align=center style="width:36em"| '''Romaji (ローマ字)'''
|--
|align=left valign=top style="border:1px solid #FFE0EE; background-color:blue; padding:5px"|
<div style="word-wrap: break-word; white-space: pre-wrap; line-height: 18px; line-spacing: 100px; color: #333333; padding-left: 30px;">
//Japanese here

|align=left valign=top style="border:1px solid #CEF2E0; background-color:red; padding:5px"|
<div style="word-wrap: break-word; white-space: pre-wrap; line-height: 18px; line-spacing: 100px; color: #333333; padding-left: 30px;">

//Romaji here

</div></div>
|}

And this template on dothack.wikia.. It requires using "colon" instead of "br"

{|class="infobox bordered" table align="center" style="width: 100%; font size: 90%; text-align: left; clear:both;" cellpadding="2"
|
{{{romaji}}}
|
{{{kanji}}}
|-
|}

—This unsigned comment is by Bunai82 (wall • contribs) 11:28, November 26, 2012‎. Please sign your posts with ~~~~!

Comment

Forgot to sign my name.

Should I simply use the two types of coding to complete the template? I attempted to add it within the table coding, but everything I tried did not give the results I wanted. If the raw code works, then I need to figure out what to take away just to simplify it. -- Bunai82 ^(talk) 23:27, December 6, 2012 (UTC)

Okay, I believe I found a solution.

{| align=center cellspacing=5 width=100%
|align=center style="width:36em"| '''Japanese (日文歌詞)'''
|align=center style="width:36em"| '''Romaji (ローマ字)'''
|-
|div style="word-wrap: break-word; white-space: pre-wrap;"|//Japanese here

Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit, 
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 

|div style="word-wrap: break-word; white-space: pre-wrap;"|//Romaji here

Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit, 
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 

|}

-- Bunai82 ^(talk) 00:06, December 8, 2012 (UTC)