Pozicioniranje znotraj DIV

Hello

S temile divi mivi muvi si nikol nisem bil na ti, zato prosim za malo pomoči. Trenutna koda je

<div id="container">
                <div class="meta-info1">
                    <div class="kje_levo"><b>KJE:</b></div> <i><?php echo get_post_meta($post->ID, 'prizorisce', true); ?></i> (<a href="JavaScript:newPopup('http://maps.google.com/?q=<?php echo get_post_meta($post->ID, 'prizorisce', true); ?>');">prizorišče</a>)<BR>
                    <div class="kje_levo"><b>KDAJ:</b></div> <i><?php echo $td_mod_single->get_date(false);?></i><br>
                    <div class="kje_levo"><b>VSTOPNINA:</b></div> <i><?php echo get_post_meta($post->ID, 'vstopnice', true); ?></i><br>
                    <div class="kje_levo"><b>ORGANIZATOR:</b></div> <i><?php echo get_post_meta($post->ID, 'organizator', true); ?></i>
                </div>
            </div>

CSS

.meta-info1 {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 16px;
  color: #444444;
  background-color: #f5f5f5;
  line-height: 36px;
  font-style: normal;
  padding: 15px 0px 15px 15px;
  /* responsive portrait tablet */
  /* responsive portrait phone */
}
.kje_levo {
 float:left;
 width:20%;
 }

jaz pa bi potreboval:

leva kolona, poravnana v desno in pa IF, da če ni podatka, niti ne pokaže vrstice.

Trenutno stanje z zgornjo kodo

Zahtevna stranka? Ja, malo je vroče pa mi seka :)

HVALA

6 odgovorov

Za php del nisem čisto siguren če bo delalo, oz. če je najbolj optimalen način, css pa je tako kot želiš - text-align je manjkal (lahko dodaš še malo padinga za razmik).
http://jsfiddle.net/51crbjzb/

2

najlepša hvala .. works like a charm ;)

1

mnja ... here we go again .. vstopnice v drugi vrsti bi morale ostati v svoji koloni ..

ikzekli :) hvala

je pa še ena tricky zadeva .. tole ni responsive :(