Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem HTML Jak dám články vedle sebe? (article)

<html>
<head>
<style>
article {width:100px; height:100px; background:#f00;}
article {width:100px; height:100px; background:#0f0;}
</style>
</head>
<body>
<article>
<p>clanek1</p>
</article>
<article>
<p>clanek2</p>
</article>
</body>
</html>

Tohle mi dá články pod sebe. Jak dám články vedle sebe? Všude jsem to hledal, ale nic jsem nenašel. Prosím moc o radu. Děkuju.

Předmět Autor Datum
• display: inline-block; ;-) nebo: <HTML> <div id="celek"> <div id="levy"> <article> <p>clanek1<br…
CoCoChanel 04.02.2015 20:16
CoCoChanel
<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <t…
IQ37 04.02.2015 20:33
IQ37
• Podle me je zbytecné, pouzit "2x" :float , pro levy i pravy, staci pridelit jen jednomu a mozna mi… poslední
CoCoChanel 04.02.2015 20:37
CoCoChanel

• display: inline-block; ;-)

nebo:

<HTML>

<div id="celek">
  <div id="levy">
    <article>
       <p>clanek1<br/>
       bla bla bla</p>
    </article>
  </div>
  <div id="pravy">
    <article>
       <p>clanek2<br/>
       bla bla bla</p>
    </article>
  </div>
</div>

<CSS>

#celek 
{
   overflow:auto;
}
#levy 
{
   float:left;
   width:60%;
}
#pravy 
{
   overflow:auto;
}
<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 2</title>
<style type="text/css">
.article1 {width:400px; height:100px; background:#f00; float: left;}
.article2 {width:400px; height:100px; background:#0f0; float: right;}
</style>
</head>

<body>
<article class="article1">
<p>clanek1</p>
</article>
<article class="article2">
<p>clanek2</p>
</article> 
</body>

</html>

Zbytek na www.jakpsatweb.cz

• Podle me je zbytecné, pouzit "2x" :float , pro levy i pravy, staci pridelit jen jednomu a mozna misto 'class=', pouzit, nebo jen osobne bych radeji pouzil 'id=' ?
Ale tak, jestli mu to jede, tak mam v kopytech :-)

Zpět do poradny Odpovědět na původní otázku Nahoru