Hey how do you remove margin between the paragraphs
and is there better ways to style photos.
<!DOCTYPE html>
<html>
<body>
<p >
<img alt="" height="500" src="i14png.png" style="float: right" width="500" /><strong>Apple</strong></p>
<p >
iPhone
14 Pro</p>
<p style="width: 718px; height: 107px">A magical new way to
interact with iPhone. Groundbreaking safety features designed to save lives. An
innovative 48MP camera for mind-blowing detail. All powered by the ultimate
smartphone chip.</p>
<p margin=" 0 auto "style="width: 720px; height: 102px">
<span>The new Pro
camera system adds a 2x optical-quality Telephoto to its zoom range, putting
tons of framing flexibility in your pocket. Up your frame game.</span></p>
</body>
</html>
Ps: You need to expand the snipet to see the white gaps
It will be really helpfull if you can show me how to remove it. Thank you
CodePudding user response：
just remove height from p tags
<!DOCTYPE html>
<html>
<body>
<p >
<img alt="" height="500" src="i14png.png" style="float: right" width="500" /><strong>Apple</strong></p>
<p >
iPhone
14 Pro</p>
<p style="width: 718px;">A magical new way to
interact with iPhone. Groundbreaking safety features designed to save lives. An
innovative 48MP camera for mind-blowing detail. All powered by the ultimate
smartphone chip.</p>
<p margin=" 0 auto "style="width: 720px;">
<span>The new Pro
camera system adds a 2x optical-quality Telephoto to its zoom range, putting
tons of framing flexibility in your pocket. Up your frame game.</span></p>
</body>
</html>