Dies ist meine erste echte Erfahrung mit HTML. Ich bin mit dem Ziel ein Ergebnis wie diese zu reproduzieren:HTML - Wie linksbündig in der Mitte des Tisches bleiben?
zu tun, dass ich in einer Tabelle zu schaffen. Ich bin am Anfang der Code-Entwicklung, aber das war ich so weit:
<body>
<table id="container" style="width: 98%;">
<table id="header" border="1" align="center" cellpadding="0" cellspacing="0" style="width: 100%;">
<td valign="top" align="center">
TODO
</td>
</table>
<table id="content" border="1" align="center" cellpadding="0" cellspacing="0" style="width: 100%;">
<td valign="top" style="text-align: center">
<h2 align="center" style="line-height: 40%; font-family: 'Roboto';">Beginner's Guide to Web Development</h2>
<p align="center" style="line-height: 35%; font-family: 'Roboto';">Curious about web development but not sure where to start?</p>
<p align="center" style="line-height: 35%; font-family: 'Roboto';">Or maybe you just need to brush up on some of the basics.</p>
<p align="center" style="line-height: 35%; font-family: 'Roboto';">Our new Beginner's Guide to Web Development has you</p>
<p align="center" style="line-height: 35%; font-family: 'Roboto';">covered! Read through it now to explore (or rediscover) the</p>
<p align="center" style="line-height: 35%; font-family: 'Roboto';">foundations of web dev.</p>
</td>
</table>
<table id="footer" border="1" align="center" cellpadding="0" cellspacing="0" style="width: 100%;">
<td valign="top" align="center">
TODO
</td>
</table>
</table>
Und das Ergebnis ist:
So, Wie könnte die ausrichten Text zum Folgen dieser roten Linie, aber ohne Abstieg?
OBS: Ich weiß, dass eine schlechte Praxis ist den style
Tag zu verwenden, aber der Zweck ist es, einen Code zu entwickeln, die in jeder E-Mail-Anwendung gelesen werden können.