p 태그의 맞춤 텍스트

일부 텍스트 및 이미지가 포함 된 html 페이지를 만듭니다. 내 페이지에 텍스트 정렬을 넣고 싶습니다. 내 모든 html 소스 :p 태그의 맞춤 텍스트

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Untitled Page</title> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
     <link rel="stylesheet" href="style.css" /> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
     <style> 
      body { 
       font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; 
       font-size: 80%; 
      } 
      br { 
       display: block; 
       margin: 0px 10px 0px 10px; 
      } 
     </style> 
    </head> 
    <body> 
     <p style="background: url(header.png) no-repeat #ffffff; width: 438px; height: 29px; margin: 130px auto; margin-bottom: 0px;"> 
     </p> 
     <p style="background: url(bg.png) no-repeat #ffffff; text-align: left; width: 438px; height: 438px; margin: 0px auto;"> 
      <img id="logo" src="1.png" /> 
      <span style="width: 400px; margin: 0px 10px 0px 10px;"> 
      Google Inc.<br /> 
      Copyright &copy; 2006-2013Google Inc. All Rights Reserved. 
      <br /> 
      Portions of this software were licensed from third parties as described at : 
      <a style="margin-left:8px;" href="http://www.google.com/support/chrome/bin/answer.py?answer=100336">http://www.google.com/support/chrome/bin/answer.py?answer=100336</a>. 
      </span> 
      <br /> 
      <span style="float: right; padding: 0px 10px 0px 10px;"><input type="button" value="Download Now" /><input type="button" value="Ok" /></span> 
     </p> 
    </body> 
</html>

두 번째 P 태그 (배경 bg 포함)의 텍스트가 정렬되지 않습니다. 어떻게 해결할 수 있습니까? 다음을 참조하십시오 : http://labonline.somee.com/new.htm

출처

2013-10-17 Ehsan Sadeghi

어떻게 정렬 하시겠습니까? –

p는 단락을위한 것이며, 왜 레이아웃 디자인에 기여할 목적으로 많이 사용되는 div/컨테이너처럼 취급합니까? –

테두리가 겹치지 않았 으면합니다. –

"float : left;" in

<span style="float: left;width:400px;margin:0px 10px 0px 10px;">

출처

2013-10-17 23:14:25 Damian

p 태그의 맞춤 텍스트

답변

관련 문제