Permalänk
Medlem

tabell och rader i Html

Hej, sitter och försöker göra en snygg layout enligt följande:

En röd bil
Volvo
Volvo V60 Hybrid 2018

När jag skapar en tabell med centrering på raderna så blir avståndet mellan texten på raderna för långt/stort.
Det blir bra om jag använder <br>men då finns ingen tag för centrering :(. Om jag tex använder <p> eller <div> så blir det ett extra radbryt i texten och avståndet blir då för stort.

Hur kan jag göra avståndet på texten mellan raderna så litet som möjligt? Är det med spacing och padding jag kan göra det på <tr> tagen?

Hade helst löst det med tex:

<table width="200" border="2" cellspacing="0" bordercolor="#006699">
<td>
<span align="center">En röd bil</span><br>
<span align="center">Volvo</span><br>Volvo
<span align="center">Volvo V60 Hybrid 2018</span>
</td>
....
</table>

Det fungerar tyvärr inte då span inte har nån align=center attribut.

Permalänk
Medlem

Ett sätt att lösa det där är att använda css istället.
Jag är dock inte så bra på det, men det här fungerar iaf :

<style>
#tabell {
width: 200px;
border-style: solid;
border-width: 2px;
text-align: center;
}
</style>

<body>
<div id="tabell">
<div id="hej">Volvo</div>
<div id="hej">Volvo</div>
<div id="hej">Volvo</div>
</div>

</body>

edit : padding , och margin etc finns ju i css och fungerar bra där. samt line-height: 0.5; (som styr höjden på textraderna)

Visa signatur

I5 9600k@stock / Cooler Master Evo 212 / Gigabyte Z390 Gaming X / Corsair Vengeance LPX 16GB DDR4 3000MHz / MSI RTX2070 Gaming Z / EVGA 550 BQ / Asus VG27BQ 27" 165Hz

Ryzen 5 5600x@stock / Asus Rog Strix X570-E Gaming / Corsair Vengeance RGB Pro 16GB 3600MHz CL18 / MSI RTX3070 Suprim X / BeQuiet Pure Power 11 600W / Asus VG278Q 27" 144Hz